@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--blue:#073aca;--navy:#071e60;--yellow:#ffca16;--paper:#f5f4ef;--ink:#112553}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);position:relative;z-index:10}.brand{display:flex;gap:8px;align-items:center;font-size:36px;font-weight:700;letter-spacing:-2px;line-height:.8}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:10px}.brand-mark{color:#eab200;font-size:53px;transform:rotate(-25deg)}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav-cta{background:var(--navy);color:white;padding:14px 18px}.nav-cta span{margin-left:20px}.menu-button{display:none}.hero{background:var(--blue);color:white;position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:28px 5% 24px}.hero-grid{position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,#416beb55,transparent 45%),linear-gradient(110deg,#09257688,transparent);z-index:-2}.hero-grid:after{content:'';position:absolute;width:410px;height:410px;right:0;top:0;background-image:radial-gradient(#a5bdff38 1.5px,transparent 1.5px);background-size:11px 11px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px}.hero-top i{display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin-right:8px}.hero-content{position:relative;z-index:2;max-width:670px;padding:65px 0 50px;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 22px}.blue{color:var(--blue)}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h1{font-size:clamp(80px,8.4vw,132px);font-weight:800;line-height:.88;letter-spacing:-1.8px;margin:0 0 25px}h1 em{font-style:normal;color:var(--yellow)}.hero-description{max-width:420px;font-size:14px;line-height:1.8;color:#e0e8ff}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;padding:18px 23px;font-size:13px;font-weight:700;border:0;cursor:pointer}.button span{font-size:21px;line-height:1}.yellow{background:var(--yellow);color:var(--navy)}.text-link{font-size:12px;padding:12px 0;border-bottom:1px solid #ffffff55;display:inline-flex;gap:16px}.paper-art{position:absolute;right:0;top:55px;width:54%;height:660px;z-index:0}.paper-art svg{height:100%;width:100%;filter:drop-shadow(8px 20px 14px #071e6033)}.art-caption{position:absolute;right:15%;bottom:35px;font-size:10px;line-height:1.8;letter-spacing:2px}.art-caption strong{color:var(--yellow)}.hero-bottom{border-top:1px solid #ffffff33;padding-top:20px}.hero-bottom a{display:flex;gap:24px}.ticker{overflow:hidden;background:var(--yellow);padding:19px 0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:700;letter-spacing:1px;white-space:nowrap}.ticker span{display:block;text-align:center}.ticker b{margin:0 30px}.section{padding:100px 7%;max-width:1600px;margin:auto}h2{font-size:clamp(46px,5.5vw,76px);line-height:1.02;margin:0;font-weight:700;letter-spacing:-1px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.outline{color:var(--paper);-webkit-text-stroke:1px var(--blue)}.about-copy p{font-size:14px;line-height:1.9;color:#53607b}.about-copy .large-copy{font-size:24px;line-height:1.45;color:var(--ink);margin-top:0}.arrow-link{display:flex;justify-content:space-between;padding:20px 0 10px;border-bottom:1px solid #11255344;font-size:13px;font-weight:700}.arrow-link span{font-size:23px}.engagements{padding-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading>p{color:#53607b;font-size:14px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;background:#e9eaf0;min-height:355px;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.symbol{font-size:48px;color:var(--blue)}.card h3{font-size:40px;line-height:1;margin:22px 0 12px}.card p{font-size:13px;line-height:1.8;max-width:260px}.card-tag{margin-top:auto;padding-top:25px;font-size:9px;letter-spacing:2px;font-weight:bold}.featured{background:var(--blue);color:white}.featured .symbol{color:var(--yellow)}.event{max-width:none;background:var(--navy);color:white;display:grid;grid-template-columns:.8fr 1fr;gap:11%;align-items:center;padding-left:12%;padding-right:12%}.poster{transform:rotate(-4deg);max-width:375px;box-shadow:15px 22px 0 #ffffff0c}.poster img{display:block;width:100%;height:auto}.event-date{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--yellow);font-size:42px;font-weight:700;display:flex;align-items:center;gap:15px;margin-bottom:22px}.event-date span{font-family:'DM Sans',sans-serif;font-size:11px;border:1px solid #ffffff55;padding:6px 10px;font-weight:400;color:white}.event h2{font-size:60px}.event-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:410px;color:#d5def5}.event-details{display:flex;flex-direction:column;gap:13px;font-size:13px;margin:28px 0}.event .text-link{display:table;margin-top:15px}.join{display:grid;grid-template-columns:1fr 1fr;gap:9%}.join-intro>p:not(.eyebrow){max-width:360px;font-size:14px;line-height:1.8;color:#53607b;margin-top:25px}.highlight{background:linear-gradient(transparent 66%,var(--yellow) 0)}.join-note{display:flex;gap:20px;margin-top:30px;align-items:center}.join-note>span{font-size:40px;color:var(--blue)}.join-note p{font-size:12px;line-height:1.8}form{background:white;border:1px solid #dfe2e9;padding:30px}form h3{font-size:34px;margin:0 0 5px}.form-intro{font-size:13px;color:#657086;margin:0 0 25px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,textarea,select{width:100%;border:1px solid #dce0e9;background:#fafbfdaa;border-radius:0;padding:13px;color:var(--ink);font-size:13px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue);outline-offset:2px}.blue-button{background:var(--blue);color:white;width:100%}.preview-note{font-size:11px;line-height:1.6;color:#687185;background:#f1f3f8;padding:10px}.form-message,#form-message{font-size:12px;line-height:1.6;color:var(--blue)}footer{background:#061536;color:white;padding:50px 7% 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}footer>p{font-size:13px;line-height:1.7;color:#b9c6e5}footer>a:last-of-type{font-size:12px}.footer-bottom{width:100%;border-top:1px solid #ffffff22;padding-top:24px;margin-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#aab9d9}@media(min-width:1500px){.hero{padding-left:10%;padding-right:10%}.paper-art{right:7%}}@media(max-width:900px){nav{gap:18px}.hero{min-height:720px}.paper-art{right:-13%;width:66%;opacity:.9}.hero-content{max-width:65%}h1{font-size:94px}.hero-description{max-width:320px}.hero-actions{align-items:start;flex-direction:column;gap:8px}.section{padding:65px 6%}.event{gap:7%}.event h2{font-size:46px}.cards{gap:12px}.card{padding:22px}.join{gap:5%}.hero-top>span:last-child{display:none}}@media(max-width:640px){.header{height:78px;padding:0 6%}.brand{font-size:30px}.brand-mark{font-size:44px}.menu-button{display:flex;gap:20px;align-items:center;background:none;border:0;font-size:12px;font-weight:700;color:var(--navy)}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:24px 6%;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{padding:25px 6%;min-height:810px}.hero-content{padding-top:54px;max-width:100%;padding-bottom:190px}h1{font-size:86px;letter-spacing:-1px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-description{max-width:300px;font-size:13px}.hero-actions{gap:12px}.paper-art{width:75%;height:380px;top:auto;bottom:25px;right:-15%;opacity:1;z-index:-1}.art-caption{display:none}.hero-bottom{font-size:8px;letter-spacing:1px;gap:12px}.hero-bottom a{max-width:175px;line-height:1.8}.ticker{font-size:22px}.ticker b{margin:0 17px}.about,.join,.event{grid-template-columns:1fr;gap:35px}.about-copy .large-copy{font-size:21px}.section-heading{display:block}.section-heading>p{margin-top:20px}.cards{grid-template-columns:1fr}.card{min-height:280px;padding:26px}.card h3{font-size:38px}.card p{max-width:100%}.card-tag{padding-top:15px}.poster{max-width:290px;margin:0 auto 25px}.event-copy{padding-top:10px}.event h2{font-size:51px}.event{padding:65px 8%}.join h2{font-size:56px}form{padding:23px}.form-row{gap:10px}.footer-bottom{flex-direction:column;gap:12px}footer{padding:40px 7% 25px}footer>p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.header{background:var(--navy);color:white}.brand img{width:130px;height:74px;object-fit:contain;mix-blend-mode:screen}.nav-cta{background:var(--yellow);color:var(--navy)}.menu-button{color:white}#application-result{margin-top:25px;padding-top:22px;border-top:1px solid #dfe2e9}.copy-button{padding:12px 18px;border:1px solid var(--blue);color:var(--blue);background:white;font-weight:700;font-size:12px;margin-bottom:12px;cursor:pointer}@media(max-width:640px){nav{background:var(--navy)}}

/* Direction artistique : affiche éditoriale, papier et contrastes. */
:root{--paper:#f2f1e9;--blue:#1648eb;--navy:#071a49;--yellow:#ffd12a}
body{overflow-x:clip}
.header{position:sticky;top:0;background:#071a49ed;backdrop-filter:blur(20px);height:82px;border-bottom:1px solid #ffffff17}
nav>a:not(.nav-cta){position:relative}
nav>a:not(.nav-cta):after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--yellow);transition:width .2s}
nav>a:hover:after{width:100%}
.nav-cta{border-radius:30px;padding:14px 22px}
.hero{background:#082fbc;min-height:850px;padding-top:24px}
.hero-grid{background:radial-gradient(ellipse at 80% 30%,#3864ff 0,transparent 55%),linear-gradient(145deg,#071e6c,#123fe0 70%,#071d62)}
.hero-grid:after{width:65%;height:100%;opacity:.6;background-image:radial-gradient(#b7caff44 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(to left,#000,transparent)}
.hero:after{content:'MAKE IT MATTER';position:absolute;right:-20px;bottom:70px;writing-mode:vertical-rl;font:900 110px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;color:#ffffff08;z-index:-1}
.hero-top{font-size:9px}
.hero-content{max-width:790px;padding-top:74px;padding-bottom:62px}
.hero-content>.eyebrow{display:inline-block;border:1px solid #ffffff55;border-radius:30px;padding:10px 15px;font-size:9px}
h1{font-size:clamp(90px,9.3vw,148px);line-height:.84;letter-spacing:-2px}
h1 em{display:inline-block;position:relative;background:var(--yellow);color:var(--navy);padding:0 15px 8px;transform:rotate(-4deg);margin:6px 0 5px;box-shadow:7px 7px 0 #061b7144}
.hero-description{margin-top:26px;max-width:380px;font-size:14px}
.paper-art{width:56%;height:720px;right:-3%;top:40px;transform:rotate(5deg)}
.paper-art svg{animation:float-paper 8s ease-in-out infinite;filter:drop-shadow(22px 25px 16px #06174c66)}
.art-caption{bottom:35px;right:22%;border-left:2px solid var(--yellow);padding-left:13px;transform:rotate(-5deg)}
.hero-bottom{position:relative;z-index:3;font-size:9px}
.button{border-radius:4px;transition:transform .2s,box-shadow .2s;min-height:56px}
.button:hover{transform:translateY(-4px);box-shadow:6px 6px 0 #071a4933}
.button span{display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;font-size:18px}
.ticker{position:relative;z-index:4;transform:rotate(-2deg) scale(1.025);margin-top:-10px;box-shadow:0 9px 0 #061f67;font-size:30px;padding:16px 0}
.ticker span{width:max-content;min-width:100%;animation:ticker-drift 24s linear infinite}
.about{padding-top:130px;padding-bottom:115px;position:relative}
.about:before{content:'✳';position:absolute;right:6%;top:38px;color:var(--blue);font-size:65px;transform:rotate(-12deg)}
.about h2{font-size:clamp(54px,6.5vw,94px);letter-spacing:-2px}
.outline{-webkit-text-stroke:1.5px var(--blue)}
.about-copy{padding-top:28px}
.about-copy .large-copy{font-size:27px;font-weight:500;letter-spacing:-.7px}
.arrow-link{margin-top:30px;border-bottom:2px solid var(--blue);color:var(--blue)}
.engagements{padding-top:20px;padding-bottom:125px}
.cards{gap:24px;padding:20px 0}
.card{position:relative;border:1px solid #d7d9db;border-radius:2px;min-height:390px;background:#fff;box-shadow:6px 7px 0 #10285a0d;transition:transform .25s,box-shadow .25s}
.card:first-child{transform:rotate(-3deg)}
.card:nth-child(2){transform:translateY(24px) rotate(2deg);background:var(--blue);border-color:var(--blue)}
.card:nth-child(3){transform:rotate(-2deg);background:var(--yellow);border-color:var(--yellow)}
.card:hover{transform:translateY(-6px) rotate(0);box-shadow:10px 15px 0 #10285a17}
.card:before{content:'';position:absolute;top:-12px;left:35%;width:85px;height:26px;background:#dddcc98c;transform:rotate(-7deg)}
.card h3{font-size:49px;letter-spacing:-.8px}
.card-tag{border-top:1px solid #11255333;margin-top:20px;padding-top:18px}
.featured .card-tag{border-color:#ffffff44}
.card .symbol{font-size:57px}
.event{position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 70%,#254fca,#071a49 60%);padding-top:100px;padding-bottom:100px}
.event:before{content:'RENCONTRE';position:absolute;left:0;bottom:-30px;font:900 19vw/.9 'Barlow Condensed',Impact,sans-serif;color:#ffffff04;pointer-events:none}
.poster{position:relative;transform:rotate(-6deg);box-shadow:18px 20px 0 var(--yellow);border:8px solid #fff;transition:transform .3s}
.poster:hover{transform:rotate(-2deg)}
.event-copy{position:relative}
.event-date{font-size:57px;letter-spacing:-1px}
.event h2{font-size:clamp(54px,5.6vw,79px);letter-spacing:-1.5px}
.event .eyebrow{color:var(--yellow)}
.event-details{padding:20px 0;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33}
.join{padding-top:115px;padding-bottom:115px;background:radial-gradient(circle at 5% 75%,#ffd12a22,transparent 40%)}
.join h2{font-size:clamp(57px,6.2vw,88px);letter-spacing:-2px}
.join form{position:relative;border:1px solid var(--navy);border-top:7px solid var(--blue);box-shadow:10px 12px 0 #163fe91c;padding:36px}
.join form:before{content:'LET’S GO ↗';position:absolute;right:20px;top:-23px;background:var(--yellow);color:var(--navy);transform:rotate(5deg);padding:10px 17px;font-size:10px;font-weight:700;letter-spacing:2px}
form h3{font-size:41px}
input,select,textarea{background:#f6f7fa;border-color:#d3d8e1;transition:border-color .2s}
input:hover,select:hover,textarea:hover{border-color:var(--blue)}
.join-note{padding-top:15px;border-top:1px solid #11255322;max-width:360px}
footer{position:relative;padding-top:60px;background:#050e25}
.footer-bottom{padding-top:25px}
@keyframes float-paper{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-2deg)}}
@keyframes ticker-drift{from{transform:translateX(0)}to{transform:translateX(-12%)}}
@media(max-width:900px){
 .hero{min-height:800px}.hero-content{max-width:75%}h1{font-size:108px}.paper-art{right:-18%;width:70%;opacity:.75}.art-caption{display:none}.card{padding:23px;min-height:365px}.card h3{font-size:41px}.join form{padding:26px}
}
@media(max-width:640px){
 .header{height:74px}.brand img{width:112px;height:65px}nav{top:74px}.hero{min-height:840px}.hero-content{max-width:100%;padding-top:44px;padding-bottom:185px}.hero-content>.eyebrow{font-size:8px;letter-spacing:1px;padding:9px 11px}h1{font-size:clamp(68px,17vw,105px);letter-spacing:-1px}.hero-description{max-width:280px}.paper-art{height:380px;top:auto;bottom:10px;right:-17%;width:80%;opacity:1}.hero:after{font-size:80px;bottom:50px}.hero-bottom{font-size:8px}.ticker{font-size:25px}.about{padding-top:90px;padding-bottom:60px}.about:before{font-size:43px;top:28px;right:9%}.about h2{font-size:62px}.about-copy{padding-top:0}.about-copy .large-copy{font-size:23px}.engagements{padding-top:20px;padding-bottom:65px}.cards{gap:30px;padding-left:6px;padding-right:6px}.card{min-height:300px}.card:nth-child(2){transform:rotate(2deg)}.card h3{font-size:43px}.card-tag{margin-top:auto}.event{padding-top:75px;padding-bottom:65px}.poster{max-width:270px;border-width:6px;box-shadow:12px 14px 0 var(--yellow)}.event h2{font-size:58px}.event-date{font-size:46px}.join{padding-top:65px;padding-bottom:65px;gap:50px}.join h2{font-size:60px}.join form{padding:23px;box-shadow:6px 8px 0 #163fe91c}.join form h3{font-size:36px}.form-row{grid-template-columns:1fr}.form-row label{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Nouvelle identité : composition sobre et détails graphiques précis. */
:root{--paper:#f6f7fb;--blue:#1647df;--navy:#091e52}
.header{height:86px;background:#091e52f5;padding-inline:6%}
.header nav{gap:24px;font-size:12px}
.brand img{width:142px;height:78px;mix-blend-mode:screen}
.hero{min-height:760px;padding-inline:6%;background:#103ccc}
.hero-grid{background:radial-gradient(ellipse at 90% 30%,#3867ef77,transparent 50%),linear-gradient(120deg,#092972,#1343d9)}
.hero-grid:after{opacity:.18}
.hero:after{display:none}
.hero-content{max-width:63%;padding-top:65px;padding-bottom:60px}
h1{font-size:clamp(80px,8vw,125px);line-height:.9}
h1 em{color:var(--yellow);background:none;transform:none;box-shadow:none;padding:0;border-bottom:5px solid var(--yellow)}
.hero-content>.eyebrow{border:0;border-radius:0;border-left:2px solid var(--yellow);padding:2px 0 2px 12px}
.hero-emblem{position:absolute;right:6%;top:140px;width:32%;max-width:460px;aspect-ratio:1/1.08;border:1px solid #ffffff35;border-radius:22px;background:linear-gradient(130deg,#ffffff10,#ffffff03);padding:35px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.hero-emblem img{width:100%;max-height:220px;object-fit:contain;mix-blend-mode:screen;margin:20px 0}
.emblem-label{font-size:9px;letter-spacing:2px;color:#d8e2ff}
.emblem-caption{display:flex;align-items:end;justify-content:space-between;font-size:10px;letter-spacing:2px;line-height:1.8}
.emblem-arrow{font-size:55px;line-height:1;color:var(--yellow)}
.emblem-orbit{position:absolute;inset:-35px;border:1px solid #ffffff14;border-radius:50%;z-index:-1;transform:rotate(-20deg)}
.team-pill{position:absolute;right:-15px;bottom:-23px;background:var(--yellow);color:var(--navy);padding:16px 22px;font-size:12px;font-weight:700;border-radius:6px;box-shadow:0 10px 30px #081e5422}
.team-pill span{margin-left:16px}
.ticker{transform:none;box-shadow:none;margin-top:0;font-size:22px;background:#fff;color:var(--blue);border-bottom:1px solid #e1e5ef;padding:20px 0}
.ticker span{animation:none}
.ticker b{color:#d5a300}
.about:before{display:none}
.about{padding-top:100px;padding-bottom:90px}
.about h2{font-size:clamp(52px,5.8vw,80px)}
.outline{color:var(--blue);-webkit-text-stroke:0}
.button,.nav-cta{border-radius:7px}
.cards{gap:22px;padding-top:0}
.card,.card:first-child,.card:nth-child(2),.card:nth-child(3){transform:none;border-radius:16px;box-shadow:none;min-height:350px;background:white;border:1px solid #e1e5ef}
.card:nth-child(2){background:var(--blue);border-color:var(--blue)}
.card:before{display:none}
.card:hover{transform:translateY(-5px);box-shadow:0 14px 40px #1125530b}
.card h3{font-size:44px}
.card:nth-child(3) .symbol{color:#aa7900}
.engagements{padding-bottom:75px}
.bureau{padding-top:65px;padding-bottom:95px;border-top:1px solid #dce1ed}
.bureau h2{font-size:clamp(46px,5.4vw,72px)}
.mandate{border-left:3px solid var(--yellow);padding:8px 0 8px 20px;font-size:9px;letter-spacing:2px}
.mandate strong{display:block;font:700 34px/1.4 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}
.mandate>span{font-size:11px;letter-spacing:0;color:#586783}
.members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.member{border:1px solid #dfe4ef;padding:25px;border-radius:12px;background:white;min-height:205px;transition:border-color .2s,transform .2s}
.member:hover{border-color:var(--blue);transform:translateY(-3px)}
.member-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.member-initials{display:grid;place-items:center;min-width:50px;height:50px;padding:0 9px;border-radius:50%;background:#eef2fe;color:var(--blue);font-size:14px;letter-spacing:1px;font-weight:700}
.member-number{color:#66748d;font-size:10px}
.member-role{font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 8px;font-weight:700}
.member h3{font-family:'DM Sans',Arial,sans-serif;font-size:19px;font-weight:600;line-height:1.4;margin:0;letter-spacing:-.4px}
.member:first-child{background:var(--navy);border-color:var(--navy);color:white}
.member:first-child .member-role{color:var(--yellow)}
.member:first-child .member-number{color:#a8b8df}
.member:first-child .member-initials{background:var(--yellow);color:var(--navy)}
.member:nth-child(2){border-top:3px solid var(--yellow)}
.poster{transform:rotate(-2deg);border:5px solid #fff;border-radius:5px;box-shadow:12px 15px 0 #ffffff10}
.event{background:var(--navy)}
.event:before{display:none}
.join form{border:1px solid #dbe1ef;box-shadow:0 20px 60px #11255309;border-radius:16px}
.join form:before{display:none}
.join h2{font-size:clamp(50px,5.8vw,80px)}
@media(max-width:1000px){.header nav{gap:14px;font-size:11px}.hero-emblem{padding:24px;right:5%;width:31%;top:155px}.hero-content{max-width:65%}h1{font-size:90px}.members{gap:12px}.member{padding:20px}}
@media(max-width:700px){.header{height:76px}.header nav{top:76px}.hero{min-height:0;padding-bottom:25px}.hero-content{max-width:100%;padding-top:45px;padding-bottom:40px}h1{font-size:clamp(70px,15vw,98px)}.hero-emblem{position:relative;right:auto;top:auto;width:100%;max-width:none;aspect-ratio:auto;padding:25px;margin:0 0 55px;border-radius:15px;min-height:270px}.hero-emblem img{height:130px;width:75%;margin:15px auto}.emblem-orbit{display:none}.emblem-caption{font-size:9px}.emblem-arrow{font-size:34px}.team-pill{right:15px}.hero-bottom{margin-top:0}.about,.bureau{padding-top:65px;padding-bottom:65px}.members{grid-template-columns:repeat(2,minmax(0,1fr))}.member{padding:18px;min-height:210px}.member h3{font-size:17px}.member-role{font-size:9px;letter-spacing:1px}.mandate{margin-top:25px}.cards{gap:15px}.card,.card:nth-child(2){transform:none;min-height:290px}.event h2{font-size:52px}}
@media(min-width:641px) and (max-width:800px){.header nav{gap:9px;font-size:10px}.nav-cta{padding:12px}.brand img{width:110px}.nav-cta span{margin-left:5px}}
@media(max-width:380px){.members{grid-template-columns:1fr}.member{min-height:180px}}

/* Téléphones : décorations légères et contenu sans débordement. */
@media(max-width:700px){
  .header{height:76px;padding-inline:6%}
  .brand img{width:125px;height:68px}
  .menu-button{display:flex;align-items:center;min-height:44px}
  .header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:22px 6%;background:var(--navy);flex-direction:column;align-items:stretch;gap:18px;font-size:14px}
  .header nav.open{display:flex}
  .hero-content{min-width:0}
  h1{font-size:clamp(42px,11.7vw,80px);letter-spacing:-.025em;line-height:1}
  .hero-top,.hero-bottom{flex-wrap:wrap;gap:14px;font-size:9px;letter-spacing:1px}
  .hero-top>span:last-child,.hero-bottom>a{display:none}
  .hero-content>.eyebrow{font-size:9px;line-height:1.7;letter-spacing:1.5px}
  .hero-description{max-width:100%;font-size:16px}
  .hero-actions{align-items:stretch;gap:20px}
  .button{min-height:48px;gap:14px;padding:16px 18px;max-width:100%;font-size:13px;white-space:normal}
  .button>span,.nav-cta>span,.text-link>span,.arrow-link>span,.team-pill>span{display:inline-flex;flex:0 0 16px;width:16px;height:16px;align-items:center;justify-content:center;font-size:0;border:0;border-radius:0;margin-left:8px}
  .button>span::before,.nav-cta>span::before,.text-link>span::before,.arrow-link>span::before,.team-pill>span::before{content:"";width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}
  .hero-actions .text-link>span::before{transform:rotate(135deg)}
  .hero-emblem{min-height:0;padding:22px;margin-bottom:28px;gap:18px}
  .hero-emblem img{height:120px;width:85%;margin:0 auto}
  .emblem-arrow,.join-note>span{display:none}
  .team-pill{position:static;display:flex;align-items:center;justify-content:space-between;padding:15px;box-shadow:none}
  .ticker{font-size:0;padding:16px 6%;white-space:normal}
  .ticker>span{display:none}
  .ticker::after{content:"IMAGINER · ENTREPRENDRE · AGIR";display:block;text-align:center;font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.8}
  .section{padding-inline:6%}
  .about,.join,.event{grid-template-columns:minmax(0,1fr);gap:32px}
  .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
  .section-heading>p{margin:0}
  .about h2,.section-heading h2,.bureau h2,.event h2,.join h2{font-size:clamp(36px,9vw,60px);overflow-wrap:break-word}
  .cards{grid-template-columns:minmax(0,1fr)}
  .card,.card:nth-child(2){padding:25px;min-height:0}
  .card-top{align-items:center;min-height:28px}
  .card .symbol{font-size:0;width:22px;height:22px;display:block;background:currentColor;clip-path:polygon(45% 0,55% 0,60% 35%,85% 10%,92% 18%,68% 43%,100% 45%,100% 55%,68% 60%,92% 83%,85% 92%,60% 68%,55% 100%,45% 100%,40% 68%,15% 92%,8% 83%,32% 60%,0 55%,0 45%,32% 40%,8% 18%,15% 10%,40% 35%)}
  .card h3{font-size:38px}
  .member{min-width:0}
  .member h3{overflow-wrap:anywhere}
  .member-top{gap:8px;flex-wrap:wrap}
  .poster{transform:none;max-width:100%;box-shadow:none}
  .event-details{font-size:14px;line-height:1.7}
  .event-copy>.button{width:100%}
  .join form{padding:24px 18px;min-width:0}
  .form-row{grid-template-columns:minmax(0,1fr)}
  input,select,textarea{min-width:0;max-width:100%;font-size:16px}
  .join-note{gap:0}
  footer,.footer-bottom{flex-wrap:wrap;gap:22px}
}
@media(hover:none){
  .card:hover,.member:hover,.button:hover{transform:none;box-shadow:none}
}

/* Deux groupes identiques assurent une boucle sans coupure. */
.ticker{padding:20px 0;white-space:nowrap;font-size:22px}
.ticker::after{display:none}
.ticker-track{display:flex;width:max-content;animation:club-marquee 28s linear infinite}
.ticker-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;gap:36px;padding:0 18px}
.ticker-group b{margin:0;font-size:24px;line-height:1}
@keyframes club-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){
  .ticker{padding:16px 0;font-size:18px}
  .ticker-group{gap:24px;padding:0 12px}
  .ticker-group b{font-size:18px}
  .ticker-track{animation-duration:24s}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}