1import{u as I,r as d,j as e,c as Y,o as me,S as ge,i as xe,k as ue,h as V,p as H,e as y,C as F,f as r,d as ie,q as U,s as K,t as be,b as R,v as re,x as fe,F as T,y as ne,z as B,B as se,D as X,E as ye,G as ve,H as we,I as _,J as je,K as ke,N as ze}from"./index-CPYhWteh.js";import{F as Se}from"./FluidWavesBackdrop-Di9ZSprS.js";import{F as Fe,H as Ne,u as $e}from"./FlagOrbit-BKNrfpm0.js";import{C as Ae}from"./CtaTeam-RaKFQzza.js";import"./anis-wahabi-384-96nqoYb_.js";import"./anis-wahabi-192-CTB3qXEd.js";const Ie="/assets/about-history-BturkpG_.jpg",Te=1,Ee="c3717873-a885-40b1-b52e-3fe186e9ff56",Le="5abd8e67-726d-4b33-ac47-745a6bb3fcc8",Ce="/__l5e/assets-v1/c3717873-a885-40b1-b52e-3fe186e9ff56/about-leaders.jpg",_e="a/v1/5abd8e67-726d-4b33-ac47-745a6bb3fcc8/c3717873-a885-40b1-b52e-3fe186e9ff56/about-leaders.jpg",Re="about-leaders.jpg",Me=1905888,Be="image/jpeg",We="2026-07-11T10:01:12Z",He={version:Te,asset_id:Ee,project_id:Le,url:Ce,r2_key:_e,original_filename:Re,size:Me,content_type:Be,created_at:We},Oe=1,Pe="e7731c61-5d70-4e0f-a22f-45659a75b37a",De="5abd8e67-726d-4b33-ac47-745a6bb3fcc8",Ve="/__l5e/assets-v1/e7731c61-5d70-4e0f-a22f-45659a75b37a/about-team-group.jpg",qe="a/v1/5abd8e67-726d-4b33-ac47-745a6bb3fcc8/e7731c61-5d70-4e0f-a22f-45659a75b37a/about-team-group.jpg",Ge="about-team-group.jpg",Ye=2257244,Ke="image/jpeg",Xe="2026-07-11T10:01:15Z",Ue={version:Oe,asset_id:Pe,project_id:De,url:Ve,r2_key:qe,original_filename:Ge,size:Ye,content_type:Ke,created_at:Xe},pe="/assets/iecnet-logo-C02Ftyta.jpg",Ze=1,Je="c43e4d7b-52c3-4609-aa74-43d3a5020170",Qe="5abd8e67-726d-4b33-ac47-745a6bb3fcc8",et="/__l5e/assets-v1/c43e4d7b-52c3-4609-aa74-43d3a5020170/wassim-turki-avatar.png",tt="a/v1/5abd8e67-726d-4b33-ac47-745a6bb3fcc8/c43e4d7b-52c3-4609-aa74-43d3a5020170/wassim-turki-avatar.png",ot="wassim-turki-avatar.png",at=514004,it="image/png",rt="2026-07-10T06:14:33Z",le={version:Ze,asset_id:Je,project_id:Qe,url:et,r2_key:tt,original_filename:ot,size:at,content_type:it,created_at:rt},nt=le.url,Z=le.url,a="#C9A84C";function st(){const t=d.useRef(null);return d.useEffect(()=>{},[]),t}const G="#FFFFFF",C="#F7F9FC",pt="#0A1628",s="#0A1628",O="#3A4A66",k="#6B7C95",z={"data-motion-reveal":"true"},E=({label:t,centered:o=!1})=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,justifyContent:o?"center":"flex-start",marginBottom:24},children:[e.jsx(y.span,{...z,initial:{scaleX:0},whileInView:{scaleX:1},viewport:{once:!0},transition:{duration:.5,delay:.2,ease:"easeOut"},style:{width:36,height:1,background:F,display:"inline-block",transformOrigin:"left center"},"aria-hidden":!0}),e.jsx("span",{style:je,children:t}),o&&e.jsx(y.span,{...z,initial:{scaleX:0},whileInView:{scaleX:1},viewport:{once:!0},transition:{duration:.5,delay:.2,ease:"easeOut"},style:{width:36,height:1,background:F,display:"inline-block",transformOrigin:"right center"},"aria-hidden":!0})]}),lt=({to:t,prefix:o="",suffix:i="",start:n,duration:c=1.1})=>{const g=R(),u=ke(0),x=_(u,A=>`${o}${Math.round(A)}${i}`),[h,m]=d.useState(`${o}${t}${i}`);return d.useEffect(()=>x.on("change",m),[x]),d.useEffect(()=>{if(!n)return;if(g){m(`${o}${t}${i}`);return}return u.set(Math.max(1,Math.round(t*.35))),ze(u,t,{duration:c,ease:[.16,1,.3,1]}).stop},[n,t,c,u,g,o,i]),e.jsx(e.Fragment,{children:h})},dt=()=>{const{t}=I("apropos");return e.jsxs("section",{"aria-label":t("hero.ariaLabel"),style:{position:"relative",minHeight:"100vh",width:"100%",backgroundColor:Y,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(Se,{opacity:.25}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:"linear-gradient(to bottom, rgba(5,13,30,0.3) 0%, rgba(5,13,30,0.7) 60%, #050D1E 100%)",pointerEvents:"none"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,padding:"0 24px",maxWidth:1100,width:"100%",textAlign:"center"},children:[e.jsx(E,{label:t("hero.eyebrow"),centered:!0}),e.jsxs("h1",{style:{...V("light"),color:H},className:"apropos-hero-title",children:[e.jsx("span",{style:{display:"block",overflow:"hidden"},children:e.jsx(y.span,{...z,initial:{y:"100%"},animate:{y:0},transition:{duration:.9,delay:.4,ease:[.16,1,.3,1]},style:{...V("light"),display:"inline-block",color:H,willChange:"transform"},children:t("hero.titleLine1")})}),e.jsx("span",{style:{display:"block",overflow:"hidden"},children:e.jsx(y.span,{...z,initial:{y:"100%"},animate:{y:0},transition:{duration:.9,delay:.6,ease:[.16,1,.3,1]},style:{...V("bold"),display:"inline-block",color:F,willChange:"transform"},children:t("hero.titleLine2")})})]}),e.jsx(y.p,{...z,initial:{opacity:0}
1,animate:{opacity:1},transition:{duration:.7,delay:1.1},style:{marginTop:28,fontFamily:r,fontSize:16,color:ie,letterSpacing:"0.04em",lineHeight:1.6},children:t("hero.subtitle")})]}),e.jsxs("div",{style:{position:"absolute",bottom:48,left:"50%",transform:"translateX(-50%)",display:"flex",flexDirection:"column",alignItems:"center",gap:12,pointerEvents:"none"},className:"apropos-scroll-hint",children:[e.jsx("span",{style:{fontFamily:r,fontSize:10,color:U,letterSpacing:"0.3em",textTransform:"uppercase"},children:t("hero.scrollHint")}),e.jsx("span",{style:{width:1,height:24,background:U,display:"inline-block"},"aria-hidden":!0})]}),e.jsx("style",{children:` 2 /* Hero title sizing â matches EquipePage clamp(40px, 5vw, 64px), 3 with the spec requesting a more imposing top end (80px on wide). */ 4 .apropos-hero-title { font-size: clamp(44px, 6.4vw, 80px); } 5 @media (max-width: 768px) { 6 .apropos-hero-title { font-size: clamp(36px, 9vw, 52px) !important; } 7 } 8 /* Bounce uses transform only â neutralized by the page-level reduced-motion rule */ 9 @keyframes aproposBounce { 10 0%, 100% { transform: translate(-50%, 0); } 11 50% { transform: translate(-50%, 6px); } 12 } 13 .apropos-scroll-hint { 14 animation: aproposBounce 2s ease-in-out infinite; 15 } 16 @media (prefers-reduced-motion: reduce) { 17 .apropos-scroll-hint { animation: none !important; } 18 } 19 `})]})},ct=()=>{const{t}=I("apropos");return e.jsxs("section",{"aria-label":t("identite.ariaLabel"),className:"apropos-light apropos-identite-section",style:{background:C,position:"relative",overflow:"hidden"},children:[e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:"radial-gradient(ellipse 55% 40% at 85% 15%, rgba(201,168,76,0.16), transparent 60%), radial-gradient(ellipse 45% 35% at 5% 95%, rgba(45,91,227,0.06), transparent 60%)",pointerEvents:"none"}}),e.jsxs("div",{style:{maxWidth:1240,margin:"0 auto",display:"grid",gridTemplateColumns:"44fr 56fr",gap:72,position:"relative",alignItems:"stretch"},className:"apropos-identite-grid",children:[e.jsxs(y.div,{...z,initial:{x:-40,opacity:0},whileInView:{x:0,opacity:1},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:0,ease:[.16,1,.3,1]},style:{position:"sticky",top:120,alignSelf:"start"},className:"apropos-identite-left",children:[e.jsx(E,{label:t("identite.eyebrow")}),e.jsx("h2",{style:{...K,color:s,marginBottom:24},className:"apropos-h2",children:t("identite.title")}),e.jsxs("div",{style:{display:"flex",gap:4,marginBottom:32},"aria-hidden":!0,children:[e.jsx("span",{style:{width:36,height:2,background:F}}),e.jsx("span",{style:{width:12,height:2,background:a}})]}),e.jsx("p",{style:{margin:"0 0 28px",fontFamily:r,fontSize:17,fontWeight:500,color:O,lineHeight:1.8},children:t("identite.p1")}),e.jsx("p",{style:{margin:"0 0 20px",fontFamily:r,fontSize:15,fontWeight:400,color:k,lineHeight:1.85},children:t("identite.p2")}),e.jsx("p",{style:{margin:"0 0 32px",fontFamily:r,fontSize:15,fontWeight:400,color:k,lineHeight:1.85},children:t("identite.p3")}),e.jsxs("div",{className:"apropos-credential-row",style:{display:"flex",flexWrap:"wrap",gap:36,alignItems:"center"},children:[e.jsx(J,{logo:be,alt:t("identite.credentials.oect.alt"),title:t("identite.credentials.oect.title"),sub:t("identite.credentials.oect.sub"),fallbackPrimary:"OECT"}),e.jsx(J,{logo:pe,alt:t("identite.credentials.iecnet.alt"),title:t("identite.credentials.iecnet.title"),sub:t("identite.credentials.iecnet.sub"),fallbackPrimary:"IEC",fallbackAccent:"net"})]})]}),e.jsxs(y.div,{...z,initial:{x:40,opacity:0},whileInView:{x:0,opacity:1},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:.1,ease:[.16,1,.3,1]},style:{position:"relative"},className:"apropos-identite-right",children:[e.jsxs("div",{className:"apropos-editorial-frame",children:[e.jsx("span",{"aria-hidden":!0,className:"apropos-corner apropos-corner-tl"}),e.jsx("span",{"aria-hidden":!0,className:"apropos-corner apropos-corner-br"}),e.jsx(ht,{slides:[{src:He.url,alt:t("identite.image.alt"),fit:"contain"},{src:Ue.url,alt:t("identite.image.alt")}]}
19),e.jsx("span",{"aria-hidden":!0,className:"apropos-editorial-grain"}),e.jsx("span",{"aria-hidden":!0,className:"apropos-editorial-glow"}),e.jsx("span",{"aria-hidden":!0,className:"apropos-editorial-vignette"}),e.jsxs("div",{className:"apropos-editorial-caption",children:[e.jsx("span",{style:{width:16,height:1,background:a,display:"inline-block"},"aria-hidden":!0}),e.jsx("span",{children:t("identite.image.caption")})]})]}),e.jsx("div",{className:"apropos-stats-float",children:[{value:20,prefix:"",unit:t("identite.stats.experience.unit"),label:t("identite.stats.experience.label")},{value:300,prefix:"",suffix:"+",unit:t("identite.stats.clients.unit"),label:t("identite.stats.clients.label")},{value:15,prefix:"",suffix:"+",unit:t("identite.stats.countries.unit"),label:t("identite.stats.countries.label"),withFlags:!0},{value:60,prefix:"",suffix:"+",unit:t("identite.stats.network.unit"),label:t("identite.stats.network.label")}].map((o,i,n)=>e.jsx(mt,{...o,withDivider:i<n.length-1},o.label))})]})]}),e.jsx("style",{children:` 20 /* ===== Vertical rhythm tokens â keep Identité â Histoire â Valeurs perfectly aligned across breakpoints ===== */ 21 .apropos-identite-section { 22 --apropos-section-py: clamp(80px, 10vw, 120px); 23 /* +28px bottom comp = stats-float absolute overhang (bottom: -28px) */ 24 padding: var(--apropos-section-py) 24px calc(var(--apropos-section-py) + 28px); 25 } 26 @media (max-width: 900px) { 27 /* Stats-float becomes static â no overhang to compensate */ 28 .apropos-identite-section { padding: var(--apropos-section-py) 24px var(--apropos-section-py); } 29 } 30 31 .apropos-identite-right { display: flex; flex-direction: column; } 32 .apropos-editorial-frame { 33 position: relative; 34 border-radius: 18px; 35 overflow: hidden; 36 /* Desktop (â¥901px): fill column height so right column matches left. 37 Tablet/mobile (â¤900px): revert to aspect-ratio (see media queries below). */ 38 flex: 1 1 auto; 39 min-height: 460px; 40 isolation: isolate; 41 background: #0a1424; 42 box-shadow: 43 0 1px 0 rgba(255,255,255,0.04) inset, 44 0 0 0 1px rgba(201,168,76,0.14), 45 0 0 0 1px rgba(15,23,42,0.6), 46 0 30px 60px -24px rgba(8,15,32,0.55), 47 0 60px 120px -40px rgba(8,15,32,0.45); 48 transition: box-shadow 700ms cubic-bezier(0.16,1,0.3,1), 49 transform 700ms cubic-bezier(0.16,1,0.3,1); 50 will-change: transform; 51 } 52 .apropos-editorial-frame:hover { 53 box-shadow: 54 0 1px 0 rgba(255,255,255,0.06) inset, 55 0 0 0 1px rgba(201,168,76,0.32), 56 0 0 0 1px rgba(15,23,42,0.6), 57 0 36px 72px -24px rgba(8,15,32,0.62), 58 0 80px 140px -40px rgba(201,168,76,0.18); 59 transform: translateY(-2px); 60 } 61 .apropos-editorial-img { 62 width: 100%; height: 100%; 63 object-fit: cover; object-position: center; 64 display: block; 65 filter: saturate(1.06) contrast(1.03); 66 transform: scale(1.001); 67 transition: transform 1400ms cubic-bezier(0.16,1,0.3,1), 68 filter 700ms cubic-bezier(0.16,1,0.3,1); 69 will-change: transform; 70 } 71 .apropos-editorial-frame:hover .apropos-editorial-img { 72 transform: scale(1.035); 73 filter: saturate(1.1) contrast(1.05); 74 } 75 /* Grain subtil â texture argentique haut de gamme */ 76 .apropos-editorial-grain { 77 position: absolute; inset: 0; pointer-events: none; z-index: 1; 78 opacity: 0.10; 79 mix-blend-mode: overlay; 80 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); 81 background-size: 180px 180px; 82 } 83 /* Lueur dorée contrôlée au survol â reflet premium */ 84 .apropos-editorial-glow { 85 position: absolute; inset: 0; pointer-events: none; z-index: 1; 86 background: radial-gradient(120% 80% at 50% 0%, rgba(201,168,76,0.10) 0%, rgba(201,168,76,0) 55%); 87 opacity: 0; 88 transition: opacity 700ms cubic-bezier(0.16,1,0.3,1); 89 } 90 .apropos-editorial-frame:hover .apropos-editorial-glow { opacity: 1; } 91 /* Vignette discrète â ancre le sujet */ 92 .apropos-editorial-vignette { 93 position: absolute; inset: 0; pointer-events: none; z-index: 1; 94 background: 95 radial-gradient(120% 90% at 50% 100%, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 55%), 96 linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.22) 100%); 97 } 98 .apropos-corner { 99 position: absolute; 100 width: 48px; height: 48px; 101 border: 1.5px solid ${a}; 102 z-index: 2; pointer-events: none; 103 transition: width 700ms cubic-bezier(0.16,1,0.3,1), height 700ms cubic-bezier(0.16,1,0.3,1), opacity 700ms ease; 104 opacity: 0.85; 105 } 106 .apropos-editorial-frame:hover .apropos-corner { width: 56px; height: 56px; opacity: 1; } 107 .apropos-corner-tl { top: 16px; left: 16px;
107 border-right: none; border-bottom: none; } 108 .apropos-corner-br { bottom: 16px; right: 16px; border-left: none; border-top: none; } 109 .apropos-editorial-caption { 110 position: absolute; 111 left: 24px; bottom: 24px; right: 24px; 112 display: flex; align-items: center; gap: 12px; 113 font-family: ${r}; font-size: 11px; font-weight: 600; 114 color: rgba(255,255,255,0.88); 115 letter-spacing: 0.3em; text-transform: uppercase; 116 z-index: 2; 117 text-shadow: 0 2px 10px rgba(0,0,0,0.65); 118 } 119 .apropos-stats-float { 120 position: absolute; 121 left: -32px; bottom: -28px; 122 background: linear-gradient(165deg, rgba(15,23,42,0.96) 0%, rgba(5,13,30,0.98) 100%); 123 backdrop-filter: blur(20px); 124 border: 1px solid rgba(201,168,76,0.22); 125 border-radius: 12px; 126 padding: 24px 28px; 127 display: flex; gap: 28px; 128 box-shadow: 0 24px 48px rgba(0,0,0,0.5); 129 z-index: 3; 130 } 131 .apropos-stats-float > div { 132 padding-bottom: 0 !important; 133 border-bottom: none !important; 134 border-right: 1px solid rgba(201,168,76,0.15); 135 padding-right: 28px; 136 } 137 .apropos-stats-float > div:last-child { border-right: none; padding-right: 0; } 138 139 140 @media (prefers-reduced-motion: reduce) { 141 .apropos-editorial-frame, 142 .apropos-editorial-frame:hover { transform: none !important; } 143 .apropos-editorial-frame:hover .apropos-editorial-img { 144 transform: none !important; 145 filter: saturate(1.06) contrast(1.03) !important; 146 } 147 .apropos-editorial-frame:hover .apropos-editorial-glow { opacity: 0 !important; } 148 .apropos-editorial-frame:hover .apropos-corner { width: 48px !important; height: 48px !important; } 149 } 150 /* ===== Tablet large (â¤1100px) â éviter que la card stats déborde ===== */ 151 @media (max-width: 1100px) { 152 .apropos-stats-float { 153 left: -16px !important; 154 right: -16px; 155 bottom: -24px; 156 padding: 20px 22px; 157 gap: 20px; 158 } 159 .apropos-stats-float > div { padding-right: 20px; } 160 } 161 162 /* ===== Tablet (â¤900px) â passage en colonne unique + stats 2Ã2 ===== */ 163 @media (max-width: 900px) { 164 .apropos-identite-grid { 165 grid-template-columns: 1fr !important; 166 gap: 48px !important; 167 } 168 .apropos-identite-left { position: static !important; } 169 .apropos-identite-right { display: block !important; } 170 /* Single-column stack â restore aspect-ratio so the frame doesn't go full-bleed */ 171 .apropos-editorial-frame { 172 aspect-ratio: 5 / 4 !important; 173 min-height: 0 !important; 174 max-height: 560px !important; 175 flex: none !important; 176 } 177 .apropos-stats-float { 178 position: static !important; 179 left: auto !important; 180 right: auto !important; 181 margin-top: 24px; 182 display: grid !important; 183 grid-template-columns: 1fr 1fr; 184 gap: 0 !important; 185 padding: 22px 24px; 186 } 187 .apropos-stats-float > div { 188 padding: 16px 18px !important; 189 border-right: 1px solid rgba(201,168,76,0.15) !important; 190 border-bottom: 1px solid rgba(201,168,76,0.15) !important; 191 } 192 .apropos-stats-float > div:nth-child(2n) { border-right: none !important; } 193 .apropos-stats-float > div:nth-last-child(-n+2) { border-bottom: none !important; } 194 .apropos-credential-row { gap: 24px !important; } 195 .apropos-h2 { font-size: clamp(26px, 4.4vw, 34px) !important; } 196 } 197 198 /* ===== Mobile (â¤560px) â stats en colonne, image plus aérée ===== */ 199 @media (max-width: 560px) { 200 .apropos-stats-float { 201 grid-template-columns: 1fr !important; 202 padding: 18px 20px; 203 } 204 .apropos-stats-float > div { 205 padding: 14px 0 !important;
206 border-right: none !important; 207 border-bottom: 1px solid rgba(201,168,76,0.15) !important; 208 } 209 .apropos-stats-float > div:last-child { border-bottom: none !important; padding-bottom: 0 !important; } 210 .apropos-corner { width: 32px !important; height: 32px !important; } 211 .apropos-corner-tl { top: 12px !important; left: 12px !important; } 212 .apropos-corner-br { bottom: 12px !important; right: 12px !important; } 213 .apropos-editorial-caption { 214 left: 16px !important; right: 16px !important; bottom: 16px !important; 215 font-size: 10px !important; letter-spacing: 0.16em !important; 216 } 217 .apropos-editorial-frame { aspect-ratio: 4 / 3 !important; border-radius: 14px !important; } 218 .apropos-credential-row { gap: 18px !important; } 219 } 220 221 `})]})},ht=({slides:t})=>{const[o,i]=d.useState(0),[n,c]=d.useState(!1),g=R(),u=!g&&t.length>1&&!n;d.useEffect(()=>{t.forEach(h=>{const m=new Image;m.src=h.src})},[t]),d.useEffect(()=>{if(!u)return;const h=window.setInterval(()=>{i(m=>(m+1)%t.length)},6e3);return()=>window.clearInterval(h)},[u,t.length]);const x=t[o];return e.jsxs("div",{role:"group","aria-roledescription":"carousel","aria-label":x==null?void 0:x.alt,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onFocus:()=>c(!0),onBlur:()=>c(!1),style:{position:"absolute",inset:0,width:"100%",height:"100%"},children:[t.map((h,m)=>e.jsx("img",{src:h.src,alt:m===o?h.alt:"",loading:m===0?"eager":"lazy",decoding:"async",fetchPriority:m===0?"high":"auto",width:576,height:845,className:"apropos-editorial-img","aria-hidden":m!==o,style:{position:"absolute",inset:0,opacity:m===o?1:0,transition:g?"none":"opacity 1400ms cubic-bezier(0.4, 0, 0.2, 1)",objectFit:h.fit??"cover",objectPosition:h.fit==="contain"?"center 50%":"center",background:h.fit==="contain"?"#F0F5F5":void 0,transform:h.fit==="contain"?"scale(1.7)":void 0,transformOrigin:"center center"}},h.src)),e.jsx("span",{"aria-live":"polite","aria-atomic":"true",style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap",border:0},children:`${o+1} / ${t.length}`}),t.length>1&&e.jsx("div",{role:"tablist","aria-label":"Slides",style:{position:"absolute",left:0,right:0,bottom:14,display:"flex",gap:6,justifyContent:"center",zIndex:3},children:t.map((h,m)=>e.jsx("button",{type:"button",role:"tab","aria-selected":m===o,"aria-label":`Slide ${m+1} / ${t.length}`,onClick:()=>i(m),style:{width:m===o?18:6,height:6,borderRadius:999,border:0,padding:0,cursor:"pointer",background:m===o?"rgba(255,255,255,0.95)":"rgba(255,255,255,0.5)",boxShadow:"0 1px 2px rgba(0,0,0,0.25)",transition:"width 300ms ease, background 300ms ease"}},h.src))})]})},mt=({value:t,prefix:o="",suffix:i="",unit:n,label:c,withDivider:g,withFlags:u})=>{const x=d.useRef(null),h=re(x,{once:!0,margin:"-10%"});return e.jsxs("div",{ref:x,style:{paddingBottom:g?24:0,borderBottom:g?"1px solid rgba(45,91,227,0.10)":"none"},children:[e.jsx("div",{style:fe,children:e.jsx(lt,{to:t,prefix:o,suffix:i,start:h})}),e.jsxs("div",{style:{marginTop:8,fontFamily:r,fontSize:12,fontWeight:600,color:F,textTransform:"uppercase",letterSpacing:"0.12em",display:"inline-flex",alignItems:"center",gap:8},children:[e.jsx("span",{children:n}),u&&e.jsx(Fe,{start:h,flags:Ne})]}),e.jsx("div",{style:{marginTop:4,fontFamily:r,fontSize:13,color:ie},children:c})]})},J=({logo:t,alt:o,title:i,sub:n,fallbackPrimary:c,fallbackAccent:g})=>{const[u,x]=d.useState(!1);return e.jsxs("div",{className:"apropos-credential-logo-card",style:{display:"inline-flex",flexDirection:"column",alignItems:"center",gap:14,background:"transparent",border:"none",padding:0,boxShadow:"none",textAlign:"center"},children:[e.jsxs("div",{className:"apropos-credential-medallion","aria-hidden":!0,children:[e.jsx("span",{className:"apropos-medallion-ring"}),e.jsx("span",{className:"apropos-medallion-disc",children:u?e.jsxs("span",{style:{fontFamily:T,fontSize:14,fontWeight:800,color:s,letterSpacing:"-0.01em",lineHeight:1},children:[c,g?e.jsx("span",{style:{fontWeight:400,color:F},children:g}):null]}):e.jsx("img",{src:t,alt:o,loading:"lazy",decoding:"async",onError:()=>x(!0),className:"apropos-medallion-img"})})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,alignItems:"center",minWidth:0},children:[e.jsx("span",{style:{fontFamily:T,fontSize:12,fontWeight:700,color:s,letterSpacing:"-0.005em",lineHeight:1.25},children:i}),e.jsx("span",{style:{fontFamily:r,fontSize:10,fontWeight:500,color:k,letterSpacing:"0.04em"},children:n})]}),e.jsx("style",{children:` 222 .apropos-credential-medallion { 223 position: relative; 224 width: 112px; 225 height: 112px; 226 flex-shrink: 0; 227 display: grid; 228 place-items: center; 229 } 230 .apropos-medallion-ring { 231 position: absolute; 232 inset: 0; 233 border-radius: 50%; 234 background: 235 conic-gradient( 236 from 0deg, 237 ${a} 0deg, 238 ${a}00 90deg, 239 ${F}66 180deg, 240 ${a}00 270deg, 241 ${a} 360deg 242 ); 243 padding: 2px; 244 -webkit-mask: 245 linear-gradient(#000 0 0) content-box, 246 linear-gradient(#000 0 0); 247 -webkit-mask-composite: xor; 248 mask-composite: exclude; 249 opacity: 0.55; 250 animation: medallion-spin 9s linear infinite; 251 transition: opacity 320ms ease; 252 } 253 .apropos-medallion-disc { 254 position: relative; 255 width: 100px; 256 height: 100px; 257 border-radius: 50%; 258 background: radial-gradient(circle at 30% 25%, #FFFFFF 0%, ${C} 100%); 259 border: 1px solid ${s}10; 260 box-shadow: 261 inset 0 1px 0 #FFFFFF, 262 inset 0 -2px 4px ${s}10, 263 0 6px 18px -8px ${s}40; 264 display: grid; 265 place-items: center; 266 overflow: hidden; 267 transition: transform 420ms cubic-bezier(0.22,1,0.36,1), box-shadow 420ms ease; 268 } 269 .apropos-medallion-img { 270 max-width: 76%; 271 max-height: 76%; 272 object-fit: contain; 273 transition: transform 520ms cubic-bezier(0.22,1,0.36,1); 274 } 275 .apropos-credential-logo-card { transition: none; } 276 .apropos-credential-logo-card:hover .apropos-medallion-ring { 277 opacity: 1; 278 animation-duration: 4s; 279 } 280 .apropos-credential-logo-card:hover .apropos-medallion-disc { 281 transform: scale(1.04); 282 box-shadow: 283 inset 0 1px 0 #FFFFFF, 284 inset 0 -1px 2px ${s}15, 285 0 6px 16px -6px ${s}40; 286 } 287 .apropos-credential-logo-card:hover .apropos-medallion-img { 288 transform: scale(1.08); 289 } 290 @keyframes medallion-spin { 291 to { transform: rotate(360deg); } 292 } 293 @media (prefers-reduced-motion: reduce) { 294 .apropos-credential-logo-card,
295 .apropos-medallion-ring, 296 .apropos-medallion-disc, 297 .apropos-medallion-img { transition: none !important; animation: none !important; } 298 .apropos-credential-logo-card:hover { transform: none !important; } 299 .apropos-credential-logo-card:hover .apropos-medallion-disc, 300 .apropos-credential-logo-card:hover .apropos-medallion-img { transform: none !important; } 301 } 302 `})]})},j=[{year:"2005"},{year:"2007"},{year:"2009"},{year:"2023"},{year:"2025"}],gt=()=>{const{t}=I("apropos"),[o,i]=d.useState(0),[n,c]=d.useState(!1),g=d.useRef(null),u=re(g,{once:!1,margin:"-25% 0px -25% 0px"}),x=R();d.useEffect(()=>{if(!u||n||x)return;const p=window.setInterval(()=>{i(l=>(l+1)%j.length)},5200);return()=>window.clearInterval(p)},[u,n,x]);const h=p=>{p.key==="ArrowRight"&&i(l=>(l+1)%j.length),p.key==="ArrowLeft"&&i(l=>(l-1+j.length)%j.length)},m=d.useRef(null),A=p=>{const l=p.touches[0];m.current={x:l.clientX,y:l.clientY,t:Date.now()},c(!0)},w=p=>{const l=m.current;if(m.current=null,c(!1),!l)return;const b=p.changedTouches[0],$=b.clientX-l.x,S=b.clientY-l.y;Math.abs($)<40||Math.abs($)<Math.abs(S)*1.2||Date.now()-l.t>800||($<0?i(N=>(N+1)%j.length):i(N=>(N-1+j.length)%j.length))},v=j.length>1?o/(j.length-1)*100:0,f=j[o];return e.jsxs("section",{ref:g,"aria-label":"Notre histoire â frise chronologique 2005-2025",className:"apropos-light apropos-histoire-v2",style:{background:C,borderTop:"1px solid rgba(10,22,40,0.06)",borderBottom:"1px solid rgba(10,22,40,0.06)",padding:"clamp(80px, 10vw, 120px) 24px",position:"relative",overflow:"hidden"},children:[e.jsx("span",{"aria-hidden":!0,className:"apropos-histoire-bg-1"}),e.jsx("span",{"aria-hidden":!0,className:"apropos-histoire-bg-2"}),e.jsxs("div",{style:{maxWidth:1240,margin:"0 auto",position:"relative"},children:[e.jsxs(y.div,{...z,initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,ease:[.16,1,.3,1]},className:"apropos-histoire-head",children:[e.jsxs("div",{className:"apropos-histoire-head-left",children:[e.jsx(E,{label:t("histoire.eyebrow")}),e.jsx("h2",{style:{...K,color:s},className:"apropos-section-title",children:t("histoire.title")}),e.jsx("p",{className:"apropos-histoire-kicker",children:t("histoire.kicker")})]}),e.jsxs("div",{className:"apropos-histoire-counter",role:"status","aria-live":"polite","aria-atomic":"true","aria-label":t("histoire.counter.ariaLabel",{index:o+1,total:j.length,year:f.year,title:t(`histoire.milestones.${f.year}.title`)}),children:[e.jsx("span",{className:"apropos-histoire-counter-num","aria-hidden":!0,children:String(o+1).padStart(2,"0")}),e.jsx("span",{className:"apropos-histoire-counter-sep","aria-hidden":!0}),e.jsx("span",{className:"apropos-histoire-counter-total","aria-hidden":!0,children:String(j.length).padStart(2,"0")}),e.jsxs("div",{className:"apropos-histoire-counter-meta","aria-hidden":!0,children:[e.jsx("span",{className:"apropos-histoire-counter-range",children:t("histoire.counter.range")}),e.jsx("span",{className:"apropos-histoire-counter-label",children:t("histoire.counter.label")})]})]})]}),e.jsxs("div",{className:"apropos-histoire-rail-wrap",onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onFocus:()=>c(!0),onBlur:()=>c(!1),onTouchStart:A,onTouchEnd:w,role:"tablist","aria-label":t("histoire.rail.ariaLabel"),onKeyDown:h,children:[e.jsx("div",{className:"apropos-histoire-track","aria-hidden":!0,children:e.jsx(y.span,{className:"apropos-histoire-track-fill",animate:{width:`${v}%`},transition:{duration:.9,ease:[.16,1,.3,1]}})}),e.jsx("ol",{className:"apropos-histoire-nodes",children:j.map((p,l)=>{const b=l===o,$=l<o,S=t(`histoire.milestones.${p.year}.title`);return e.jsx("li",{className:"apropos-histoire-node-cell",children:e.jsxs("button",{type:"button",role:"tab","aria-selected":b,tabIndex:b?0:-1,"aria-label":t(b?"histoire.rail.nodeAriaLabelSelected":"histoire.rail.nodeAriaLabel",{index:l+1,total:j.length,year:p.year,title:S}),title:t("histoire.rail.nodeTitle",{year:p.year,title:S}),onClick:()=>i(l),className:"apropos-histoire-node-btn"+(b?" is-active":"")+($?" is-passed":""),children:[e.jsxs("span",{className:"apropos-
302histoire-node-ring","aria-hidden":!0,children:[e.jsx("span",{className:"apropos-histoire-node-core"}),b&&!x&&e.jsx(y.span,{className:"apropos-histoire-node-halo","aria-hidden":!0,initial:{opacity:0,scale:.6},animate:{opacity:[.55,0,.55],scale:[.6,1.6,.6]},transition:{duration:2.6,repeat:1/0,ease:"easeInOut"}})]}),e.jsx("span",{className:"apropos-histoire-node-year",children:p.year}),e.jsx("span",{className:"apropos-histoire-node-title",children:S})]})},p.year)})})]}),e.jsx("div",{className:"apropos-histoire-feature","aria-live":"polite",onTouchStart:A,onTouchEnd:w,children:e.jsxs(y.div,{initial:{opacity:0,y:28},animate:{opacity:1,y:0},transition:{duration:.7,ease:[.16,1,.3,1]},className:"apropos-histoire-feature-inner",children:[e.jsxs("div",{className:"apropos-histoire-feature-left",children:[e.jsx("span",{className:"apropos-histoire-feature-tag",children:t("histoire.feature.tag",{index:String(o+1).padStart(2,"0")})}),e.jsx("div",{className:"apropos-histoire-feature-year","aria-hidden":!0,children:f.year}),e.jsx("div",{className:"apropos-histoire-feature-bar","aria-hidden":!0})]}),e.jsxs("div",{className:"apropos-histoire-feature-right",children:[e.jsx("h3",{style:{...ne,color:s},className:"apropos-histoire-feature-title",children:t(`histoire.milestones.${f.year}.title`)}),e.jsx("p",{className:"apropos-histoire-feature-text",children:t(`histoire.milestones.${f.year}.text`)}),e.jsx("div",{className:"apropos-histoire-feature-progress","aria-hidden":!0,children:j.map((p,l)=>e.jsx("span",{className:"apropos-histoire-feature-pip"+(l===o?" is-on":"")},l))})]})]},f.year)})]}),e.jsx("style",{children:`
303 .apropos-histoire-v2 .apropos-histoire-bg-1, 304 .apropos-histoire-v2 .apropos-histoire-bg-2 { 305 position: absolute; 306 pointer-events: none; 307 border-radius: 50%; 308 filter: blur(80px); 309 opacity: 0.55; 310 } 311 .apropos-histoire-v2 .apropos-histoire-bg-1 { 312 width: 520px; height: 520px; 313 top: -160px; left: -120px; 314 background: radial-gradient(circle, rgba(201,168,76,0.16), transparent 70%); 315 } 316 .apropos-histoire-v2 .apropos-histoire-bg-2 { 317 width: 620px; height: 620px; 318 bottom: -200px; right: -160px; 319 background: radial-gradient(circle, rgba(27,75,130,0.14), transparent 70%); 320 } 321 322 /* Header */ 323 .apropos-histoire-head { 324 display: grid; 325 grid-template-columns: 1fr auto; 326 align-items: end; 327 gap: 48px; 328 margin-bottom: 64px; 329 } 330 .apropos-histoire-kicker { 331 margin: 18px 0 0; 332 max-width: 540px; 333 font-family: ${r}; 334 font-size: 14.5px; 335 line-height: 1.7; 336 color: ${k}; 337 } 338 .apropos-histoire-counter { 339 display: grid; 340 grid-template-columns: auto auto auto; 341 align-items: baseline; 342 column-gap: 10px; 343 row-gap: 6px; 344 padding: 18px 24px; 345 background: rgba(255,255,255,0.55); 346 border: 1px solid rgba(10,22,40,0.08); 347 border-radius: 4px; 348 backdrop-filter: blur(8px); 349 -webkit-backdrop-filter: blur(8px); 350 } 351 .apropos-histoire-counter-num { 352 font-family: ${B}; 353 font-size: 56px; 354 line-height: 1; 355 color: ${a}; 356 font-weight: 500; 357 font-feature-settings: "lnum" 1, "tnum" 1; 358 font-variant-numeric: lining-nums tabular-nums; 359 transition: color 320ms ease; 360 } 361 .apropos-histoire-counter-sep { 362 width: 18px; height: 1px; 363 background: ${s}; 364 opacity: 0.35; 365 transform: translateY(-12px); 366 } 367 .apropos-histoire-counter-total { 368 font-family: ${B}; 369 font-size: 24px; 370 line-height: 1; 371 color: ${s}; 372 opacity: 0.65; 373 font-feature-settings: "lnum" 1, "tnum" 1; 374 } 375 .apropos-histoire-counter-meta { 376 grid-column: 1 / -1; 377 display: flex; 378 justify-content: space-between; 379 gap: 18px; 380 font-family: ${r}; 381 font-size: 10.5px; 382 letter-spacing: 0.3em; 383 text-transform: uppercase; 384 color: ${k}; 385 } 386 .apropos-histoire-counter-range { color: ${s}; opacity: 0.7; } 387 388 /* Rail */ 389 .apropos-histoire-rail-wrap { 390 position: relative; 391 padding: 14px 0 8px; 392 margin-bottom: 56px; 393 } 394 .apropos-histoire-track { 395 position: absolute; 396 left: 6%; right: 6%; 397 top: 30px; 398 height: 1px; 399 background: linear-gradient(90deg, rgba(10,22,40,0.08), rgba(10,22,40,0.18), rgba(10,22,40,0.08)); 400 } 401 .apropos-histoire-track-fill { 402 display: block; 403 height: 1px; 404 width: 0%; 405 background: linear-gradient(90deg, ${a}, rgba(201,168,76,0.4)); 406 box-shadow: 0 0 12px rgba(201,168,76,0.45); 407 } 408 .apropos-histoire-nodes { 409 position: relative; 410 list-style: none; 411 margin: 0; 412 padding: 0; 413 display: grid; 414 grid-template-columns: repeat(${j.length}, 1fr); 415 gap: 16px; 416 } 417 .apropos-histoire-node-cell { display: flex; justify-content: center; } 418 .apropos-histoire-node-btn { 419 all: unset; 420 cursor: pointer; 421 display: flex; 422 flex-direction: column; 423 align-items: center; 424 gap: 12px; 425 padding: 4px 8px 6px; 426 text-align: center; 427 width: 100%; 428 max-width: 200px; 429 transition: transform 320ms cubic-bezier(0.16,1,0.3,1); 430 }
431 .apropos-histoire-node-btn:focus-visible { 432 outline: 2px solid ${F}; 433 outline-offset: 6px; 434 border-radius: 8px; 435 } 436 .apropos-histoire-node-btn:focus-visible .apropos-histoire-node-ring { 437 box-shadow: 0 0 0 4px rgba(45,91,227,0.18); 438 } 439 .apropos-histoire-node-ring { 440 position: relative; 441 width: 52px; 442 height: 52px; 443 border-radius: 50%; 444 border: 1px solid rgba(10,22,40,0.18); 445 background: ${C}; 446 display: flex; 447 align-items: center; 448 justify-content: center; 449 transition: border-color 280ms ease, transform 320ms cubic-bezier(0.16,1,0.3,1), 450 box-shadow 320ms ease, background 280ms ease; 451 } 452 .apropos-histoire-node-core { 453 width: 10px; height: 10px; 454 border-radius: 50%; 455 background: rgba(10,22,40,0.25); 456 transition: background 280ms ease, transform 280ms ease; 457 } 458 .apropos-histoire-node-halo { 459 position: absolute; 460 inset: -4px; 461 border-radius: 50%; 462 border: 1px solid ${a}; 463 pointer-events: none; 464 } 465 .apropos-histoire-node-year { 466 font-family: ${B}; 467 font-size: 20px; 468 color: ${s}; 469 opacity: 0.55; 470 letter-spacing: 0.02em; 471 transition: color 280ms ease, opacity 280ms ease, font-size 280ms ease; 472 font-feature-settings: "lnum" 1; 473 } 474 .apropos-histoire-node-title { 475 font-family: ${r}; 476 font-size: 11px; 477 letter-spacing: 0.14em; 478 text-transform: uppercase; 479 color: ${k}; 480 opacity: 0.7; 481 line-height: 1.4; 482 max-width: 140px; 483 transition: opacity 280ms ease, color 280ms ease; 484 } 485 486 /* Passed state */ 487 .apropos-histoire-node-btn.is-passed .apropos-histoire-node-ring { border-color: rgba(201,168,76,0.55); } 488 .apropos-histoire-node-btn.is-passed .apropos-histoire-node-core { background: ${a}; opacity: 0.7; } 489 .apropos-histoire-node-btn.is-passed .apropos-histoire-node-year { opacity: 0.85; } 490 491 /* Active state */ 492 .apropos-histoire-node-btn.is-active .apropos-histoire-node-ring { 493 border-color: ${a}; 494 background: linear-gradient(145deg, #fff, ${C}); 495 box-shadow: 0 12px 30px -16px rgba(201,168,76,0.6), 0 0 0 4px rgba(201,168,76,0.08); 496 transform: scale(1.08); 497 } 498 .apropos-histoire-node-btn.is-active .apropos-histoire-node-core { 499 background: ${a}; 500 transform: scale(1.2); 501 } 502 .apropos-histoire-node-btn.is-active .apropos-histoire-node-year { 503 /* Darkened gold (#7A5E1F) to meet WCAG AA (~7.2:1 on cream). Visual gold accent stays on the ring/core. */ 504 color: #7A5E1F; 505 opacity: 1; 506 font-size: 22px; 507 font-weight: 600; 508 } 509 .apropos-histoire-node-btn.is-active .apropos-histoire-node-title { opacity: 1; color: ${s}; } 510 511 /* Hover */ 512 .apropos-histoire-node-btn:hover:not(.is-active) { transform: translateY(-3px); } 513 .apropos-histoire-node-btn:hover:not(.is-active) .apropos-histoire-node-ring { 514 border-color: rgba(201,168,76,0.7); 515 } 516 .apropos-histoire-node-btn:hover:not(.is-active) .apropos-histoire-node-year { opacity: 1; } 517 518 /* Feature card */ 519 .apropos-histoire-feature { 520 position: relative; 521 background: 522 linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0.4)); 523 border: 1px solid rgba(10,22,40,0.07); 524 border-radius: 6px; 525 padding: clamp(32px, 4vw, 56px); 526 overflow: hidden; 527 box-shadow: 528 0 1px 0 rgba(255,255,255,0.7) inset, 529 0 30px 60px -40px rgba(15, 39, 68, 0.18); 530 } 531 .apropos-histoire-feature::before { 532 content: ""; 533 position: absolute; 534 inset: 0; 535 background: 536 radial-gradient(circle at 0% 0%, rgba(201,168,76,0.05), transparent 50%), 537 radial-gradient(circle at 100% 100%, rgba(27,75,130,0.04), transparent 55%); 538 pointer-events: none; 539 }
540 .apropos-histoire-feature-inner { 541 position: relative; 542 display: grid; 543 grid-template-columns: minmax(280px, 1fr) 2fr; 544 gap: clamp(32px, 5vw, 72px); 545 align-items: stretch; 546 } 547 .apropos-histoire-feature-left { 548 position: relative; 549 display: flex; 550 flex-direction: column; 551 justify-content: center; 552 gap: 18px; 553 } 554 .apropos-histoire-feature-tag { 555 font-family: ${r}; 556 font-size: 10.5px; 557 letter-spacing: 0.3em; 558 text-transform: uppercase; 559 /* Darkened gold for WCAG AA contrast on cream (~7.2:1) */ 560 color: #7A5E1F; 561 font-weight: 700; 562 } 563 .apropos-histoire-feature-year { 564 font-family: ${B}; 565 font-weight: 500; 566 font-size: clamp(96px, 14vw, 176px); 567 line-height: 0.9; 568 letter-spacing: -0.02em; 569 color: ${s}; 570 background: linear-gradient(180deg, ${s} 0%, ${s} 55%, ${a} 100%); 571 -webkit-background-clip: text; 572 background-clip: text; 573 -webkit-text-fill-color: transparent; 574 font-feature-settings: "lnum" 1; 575 } 576 .apropos-histoire-feature-bar { 577 width: 64px; height: 2px; 578 background: ${a}; 579 margin-top: 4px; 580 } 581 .apropos-histoire-feature-right { 582 display: flex; 583 flex-direction: column; 584 justify-content: center; 585 border-left: 1px solid rgba(10,22,40,0.08); 586 padding-left: clamp(32px, 5vw, 72px); 587 } 588 .apropos-histoire-feature-title { 589 margin: 0 0 16px; 590 } 591 .apropos-histoire-feature-text { 592 margin: 0; 593 font-family: ${r}; 594 font-size: 15.5px; 595 line-height: 1.75; 596 color: ${k}; 597 max-width: 56ch; 598 } 599 .apropos-histoire-feature-progress { 600 display: flex; 601 gap: 10px; 602 margin-top: 32px; 603 } 604 .apropos-histoire-feature-pip { 605 width: 28px; height: 2px; 606 background: rgba(10,22,40,0.12); 607 transition: background 320ms ease, width 320ms ease; 608 } 609 .apropos-histoire-feature-pip.is-on { 610 background: ${a}; 611 width: 42px; 612 } 613 614 @media (prefers-reduced-motion: reduce) { 615 .apropos-histoire-node-btn, 616 .apropos-histoire-node-btn:hover, 617 .apropos-histoire-node-btn.is-active { transform: none !important; } 618 .apropos-histoire-node-halo { animation: none !important; opacity: 0 !important; } 619 } 620 621 /* âââââ Tablet âââââ */ 622 @media (max-width: 960px) { 623 .apropos-histoire-head { 624 grid-template-columns: 1fr; 625 gap: 28px; 626 } 627 .apropos-histoire-counter { justify-self: start; } 628 .apropos-histoire-nodes { gap: 8px; } 629 .apropos-histoire-node-btn { max-width: none; gap: 8px; } 630 .apropos-histoire-node-ring { width: 42px; height: 42px; } 631 .apropos-histoire-node-year { font-size: 16px; } 632 .apropos-histoire-node-btn.is-active .apropos-histoire-node-year { font-size: 18px; } 633 .apropos-histoire-node-title { display: none; } 634 .apropos-histoire-track { top: 25px; } 635 .apropos-histoire-feature-inner { 636 grid-template-columns: 1fr; 637 gap: 28px; 638 } 639 .apropos-histoire-feature-right { 640 border-left: none; 641 border-top: 1px solid rgba(10,22,40,0.08); 642 padding-left: 0; 643 padding-top: 28px; 644 } 645 } 646 647 /* âââââ Mobile âââââ */ 648 @media (max-width: 560px) { 649 .apropos-histoire-rail-wrap { margin-bottom: 36px; } 650 .apropos-histoire-node-ring { width: 36px; height: 36px; } 651 .apropos-histoire-node-core { width: 8px; height: 8px; } 652 .apropos-histoire-node-year { font-size: 14px; } 653 .apropos-histoire-node-btn.is-active .apropos-histoire-node-year { font-size: 16px; }
654 .apropos-histoire-track { top: 22px; left: 8%; right: 8%; } 655 .apropos-histoire-counter-num { font-size: 44px; } 656 .apropos-histoire-feature-text { font-size: 14.5px; } 657 } 658 `})]})},xt=[{n:"01",icon:e.jsx("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})})},{n:"02",icon:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),e.jsx("circle",{cx:"9",cy:"7",r:"4"}),e.jsx("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87"}),e.jsx("path",{d:"M16 3.13a4 4 0 0 1 0 7.75"})]})},{n:"03",icon:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"}),e.jsx("polyline",{points:"9 12 11 14 15 10"})]})},{n:"04",icon:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("line",{x1:"7",y1:"17",x2:"17",y2:"7"}),e.jsx("polyline",{points:"7 7 17 7 17 17"})]})}],ut=()=>{const{t}=I("apropos");return e.jsxs("section",{"aria-label":t("valeurs.ariaLabel"),className:"apropos-light apropos-values-section",style:{background:G,padding:"clamp(80px, 10vw, 120px) 24px",position:"relative",overflow:"hidden"},children:[e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:"radial-gradient(ellipse 60% 40% at 20% 0%, rgba(45,91,227,0.08), transparent 60%), radial-gradient(ellipse 50% 35% at 90% 100%, rgba(201,168,76,0.14), transparent 60%)",pointerEvents:"none"}}),e.jsxs("div",{style:{maxWidth:1240,margin:"0 auto",position:"relative"},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:72},children:[e.jsx(E,{label:t("valeurs.eyebrow"),centered:!0}),e.jsx("h2",{style:{...se,color:s},className:"apropos-section-title",children:t("valeurs.title")}),e.jsx("p",{style:{maxWidth:620,margin:"16px auto 0",fontFamily:r,fontSize:16,color:k,lineHeight:1.7},children:t("valeurs.intro")})]}),e.jsx("div",{className:"apropos-values-grid",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:xt.map((o,i)=>e.jsxs(y.div,{...z,initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:i*.08,ease:[.16,1,.3,1]},className:"apropos-value-card",style:{position:"relative",overflow:"hidden",background:"#FFFFFF",border:"1px solid rgba(10,22,40,0.08)",borderRadius:16,padding:"44px 40px 40px",transition:"transform 500ms cubic-bezier(0.16,1,0.3,1), box-shadow 500ms cubic-bezier(0.16,1,0.3,1), border-color 500ms ease",boxShadow:"0 1px 2px rgba(10,22,40,0.04)",isolation:"isolate"},children:[e.jsx("span",{"aria-hidden":!0,className:"apropos-value-hairline",style:{position:"absolute",top:0,left:0,right:0,height:2,background:`linear-gradient(90deg, transparent 0%, ${a} 50%, transparent 100%)`,opacity:0,transition:"opacity 500ms ease"}}),e.jsx("span",{"aria-hidden":!0,className:"apropos-value-corner",style:{position:"absolute",top:16,right:16,width:28,height:28,border:`1px solid ${a}`,borderLeft:"none",borderBottom:"none",opacity:.35,transition:"opacity 500ms ease, width 500ms cubic-bezier(0.16,1,0.3,1), height 500ms cubic-bezier(0.16,1,0.3,1)"}}),e.jsx("span",{"aria-hidden":!0,style:{...X,position:"absolute",top:-28,right:24,fontSize:140,color:"rgba(10,22,40,0.045)",pointerEvents:"none",userSelect:"none",letterSpacing:"-0.04em",lineHeight:1},children:o.n}),e.jsx("div",{className:"apropos-value-icon","aria-hidden":!0,style:{position:"relative",width:56,height:56,borderRadius:12,background:"linear-gradient(135deg, rgba(45,91,227,0.06) 0%, rgba(201,168,76,0.10) 100%)",border:"1px solid rgba(10,22,40,0.06)",display:"inline-flex",alignItems:"center",justifyContent:"center",color:F,marginBottom:24,transition:"color 400ms ease, border-color 400ms ease, transform 500ms cubic-bezier(0.16,1,0.3,1)"},children:o.icon}),e.jsx("div",{style:{fontFamily:r,fontSize:10.5,fontWeight:700,color:a,letterSpacing:"0.3em",textTransform:"uppercase",marginBottom:8},children:t(`valeurs.items.${o.n}.kicker`)}),e.jsx("h3",{style:{...ye,color:s,margin:"0 0 14px",fontSize:24,letterSpacing:"-0.015em"},children:t(`valeurs.items.${o.n}.title`)}
658),e.jsx("span",{"aria-hidden":!0,className:"apropos-value-rule",style:{display:"block",width:32,height:1.5,background:a,marginBottom:18,transition:"width 500ms cubic-bezier(0.16,1,0.3,1)"}}),e.jsx("p",{style:{margin:0,fontFamily:r,fontSize:14.5,color:k,lineHeight:1.75},children:t(`valeurs.items.${o.n}.text`)})]},o.n))})]}),e.jsx("style",{children:` 659 .apropos-value-card:hover { 660 border-color: rgba(201,168,76,0.32) !important; 661 transform: translateY(-4px); 662 box-shadow: 0 24px 56px rgba(10,22,40,0.10), 0 0 0 1px rgba(201,168,76,0.18); 663 } 664 .apropos-value-card:hover .apropos-value-hairline { opacity: 1 !important; } 665 .apropos-value-card:hover .apropos-value-corner { 666 opacity: 0.85 !important; 667 width: 36px !important; 668 height: 36px !important; 669 } 670 .apropos-value-card:hover .apropos-value-icon { 671 color: ${a} !important; 672 border-color: rgba(201,168,76,0.30) !important; 673 transform: scale(1.04); 674 } 675 .apropos-value-card:hover .apropos-value-rule { width: 56px !important; } 676 677 @media (prefers-reduced-motion: reduce) { 678 .apropos-value-card:hover { transform: none !important; } 679 .apropos-value-card:hover .apropos-value-icon { transform: none !important; } 680 .apropos-value-card:hover .apropos-value-corner { width: 28px !important; height: 28px !important; } 681 .apropos-value-card:hover .apropos-value-rule { width: 32px !important; } 682 } 683 @media (max-width: 900px) { 684 .apropos-values-grid { gap: 18px !important; } 685 } 686 @media (max-width: 640px) { 687 .apropos-values-grid { grid-template-columns: 1fr !important; gap: 16px !important; } 688 .apropos-section-title { font-size: 32px !important; } 689 .apropos-value-card { padding: 36px 24px 32px !important; } 690 } 691 @media (max-width: 380px) { 692 .apropos-value-card { padding: 32px 20px 28px !important; } 693 } 694 `})]})},Q=({src:t,alt:o,height:i,maxWidth:n,fallbackPrimary:c,fallbackAccent:g,fallbackLabel:u})=>{const[x,h]=d.useState(!1);return x?e.jsxs("div",{role:"img","aria-label":o,style:{height:i,maxWidth:n,minWidth:Math.min(n,130),padding:"8px 14px",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",gap:4,borderRadius:8,background:"#FFFFFF",border:`1px solid ${a}55`,boxShadow:`inset 0 0 0 1px ${s}08`,flexShrink:0},children:[e.jsxs("span",{style:{fontFamily:T,fontSize:18,fontWeight:800,color:s,lineHeight:1.05,letterSpacing:"-0.01em"},children:[c,g?e.jsx("span",{style:{fontWeight:400,color:F},children:g}):null]}),e.jsx("span",{style:{fontFamily:r,fontSize:9,color:k,letterSpacing:"0.3em",textTransform:"uppercase"},children:u})]}):e.jsx("img",{src:t,alt:o,loading:"lazy",decoding:"async",onError:()=>h(!0),style:{height:i,width:"auto",maxWidth:n,objectFit:"contain",flexShrink:0}})},bt=()=>{const{t}=I("apropos"),o=t("accreditations.fof.objectives",{returnObjects:!0});return e.jsxs("section",{"aria-label":t("accreditations.ariaLabel"),className:"apropos-light",style:{background:C,borderTop:`1px solid ${a}33`,padding:"clamp(80px, 10vw, 120px) 24px",position:"relative",overflow:"hidden"},children:[e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:"radial-gradient(ellipse 50% 35% at 90% 10%, rgba(45,91,227,0.06), transparent 60%), radial-gradient(ellipse 50% 35% at 10% 90%, rgba(201,168,76,0.10), transparent 60%)",pointerEvents:"none"}}),e.jsxs("div",{style:{maxWidth:1240,margin:"0 auto",position:"relative"},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:64},children:[e.jsx(E,{label:t("accreditations.eyebrow"),centered:!0}),e.jsx("h2",{style:{...se,color:s},className:"apropos-section-title",children:t("accreditations.title")})]}),e.jsxs("div",{className:"apropos-accred-grid",ref:st(),children:[e.jsxs(y.div,{...z,initial:{x:-40,opacity:0},whileInView:{x:0,opacity:1},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:0,ease:[.16,1,.3,1]},style:ee,children:[e.jsx(te,{}),e.jsxs("div",{className:"apropos-credential-header",style:{marginBottom:32,position:"relative",display:"flex",alignItems:"center",gap:16},children:[e.jsx(Q,{src:pe,alt:t("accreditations.iecnet.logoAlt"),height:64,maxWidth:130,fallbackPrimary:"IEC",fallbackAccent:"net",fallbackLabel:"International"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[e.jsx("span",{style:{fontFamily:T,fontSize:16,fontWeight:800,color:s,letterSpacing:"-0.005em"},children:t("accreditations.iecnet.name")}
694),e.jsx("span",{style:{fontFamily:r,fontSize:10,color:k,letterSpacing:"0.2em",textTransform:"uppercase"},children:t("accreditations.iecnet.tag")})]})]}),e.jsx("div",{style:{width:40,height:1,background:a,opacity:.6,margin:"0 0 24px",position:"relative"},"aria-hidden":!0}),e.jsx("p",{style:{margin:"0 0 20px",fontFamily:r,fontSize:14,color:O,lineHeight:1.8,position:"relative"},children:t("accreditations.iecnet.p1")}),e.jsx("p",{style:{margin:"0 0 28px",fontFamily:r,fontSize:14,color:k,lineHeight:1.8,position:"relative"},children:t("accreditations.iecnet.p2")}),e.jsxs("div",{style:{...ft,position:"relative"},children:[e.jsx(q,{value:"60+",label:t("accreditations.iecnet.stats.countries")}),e.jsx(oe,{}),e.jsx(q,{value:"70",label:t("accreditations.iecnet.stats.firms")}),e.jsx(oe,{}),e.jsx(q,{value:"1987",label:t("accreditations.iecnet.stats.founded")})]}),e.jsx("div",{style:{marginTop:"auto",paddingTop:24,position:"relative"},children:e.jsx("span",{style:ae,children:t("accreditations.iecnet.badge")})})]}),e.jsxs(y.div,{...z,initial:{x:40,opacity:0},whileInView:{x:0,opacity:1},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:.1,ease:[.16,1,.3,1]},style:ee,children:[e.jsx(te,{}),e.jsxs("div",{className:"apropos-credential-header",style:{marginBottom:32,display:"flex",alignItems:"center",gap:16,position:"relative"},children:[e.jsx(Q,{src:ve,alt:t("accreditations.fof.logoAlt"),height:56,maxWidth:200,fallbackPrimary:"FORUM",fallbackAccent:" OF FIRMS",fallbackLabel:"IFAC · Member"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[e.jsx("span",{style:{fontFamily:T,fontSize:16,fontWeight:800,color:s,letterSpacing:"-0.005em"},children:t("accreditations.fof.name")}),e.jsx("span",{style:{fontFamily:r,fontSize:10,color:k,letterSpacing:"0.2em",textTransform:"uppercase"},children:t("accreditations.fof.tag")})]})]}),e.jsx("div",{style:{width:40,height:1,background:a,opacity:.6,margin:"0 0 24px",position:"relative"},"aria-hidden":!0}),e.jsx("p",{style:{margin:"0 0 28px",fontFamily:r,fontSize:14,color:O,lineHeight:1.8,position:"relative"},children:t("accreditations.fof.p1")}),e.jsx("div",{style:{fontFamily:r,fontSize:11,fontWeight:600,color:s,letterSpacing:"0.1em",marginBottom:12,textTransform:"uppercase",position:"relative"},children:t("accreditations.fof.objectivesTitle")}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"flex",flexDirection:"column",gap:10,position:"relative"},children:o.map(i=>e.jsxs("li",{style:{display:"flex",gap:10,alignItems:"flex-start"},children:[e.jsx("span",{"aria-hidden":!0,style:{width:4,height:4,borderRadius:"50%",background:a,marginTop:8,flexShrink:0}}),e.jsx("span",{style:{fontFamily:r,fontSize:13,color:k,lineHeight:1.6},children:i})]},i))}),e.jsx("div",{style:{marginTop:"auto",paddingTop:24,position:"relative"},children:e.jsx("span",{style:ae,children:t("accreditations.fof.badge")})})]})]})]}),e.jsx("style",{children:` 695 .apropos-accred-grid { 696 display: grid; 697 grid-template-columns: repeat(2, minmax(0, 1fr)); 698 grid-auto-rows: 1fr; 699 gap: 28px; 700 align-items: stretch; 701 } 702 .apropos-accred-grid > * { 703 height: 100%; 704 min-width: 0; 705 } 706 @media (max-width: 1200px) { 707 .apropos-accred-grid { gap: 24px; } 708 } 709 @media (max-width: 900px) { 710 .apropos-accred-grid { 711 grid-template-columns: 1fr; 712 grid-auto-rows: auto; 713 gap: 24px; 714 } 715 } 716 @media (max-width: 480px) { 717 .apropos-accred-grid { gap: 20px; } 718 } 719 /* Mobile: stack logo + title vertically + tighten panel padding to prevent cramped wraps */ 720 @media (max-width: 640px) { 721 .apropos-credential-header { 722 flex-direction: column !important; 723 align-items: flex-start !important; 724 gap: 14px !important; 725 } 726 .apropos-accred-grid > div[style*="border-radius"] { 727 padding: 32px 24px !important; 728 } 729 } 730 731 `})]})},ee={flex:1,display:"flex",flexDirection:"column",background:"#FFFFFF",border:"1px solid rgba(10,22,40,0.08)",borderRadius:16,padding:"48px 44px",position:"relative",overflow:"hidden",boxShadow:"0 4px 16px rgba(10,22,40,0.04), 0 24px 48px -16px rgba(10,22,40,0.10)"},te=()=>e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",width:320,height:320,borderRadius:"50%",background:"radial-gradient(circle, rgba(201,168,76,0.10) 0%, transparent 70%)",top:-80,right:-80,filter:"blur(40px)",pointerEvents:"none"}}),q=({value:t,label:o})=>e.jsxs("div",{children:[e.jsx("div",{style:{...we,color:s},children:t}
731),e.jsx("div",{style:{marginTop:6,fontFamily:r,fontSize:10,color:k,letterSpacing:"0.08em",textTransform:"uppercase"},children:o})]}),oe=()=>e.jsx("span",{"aria-hidden":!0,style:{width:1,height:32,background:"rgba(10,22,40,0.10)",display:"inline-block"}}),ae={display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",height:30,lineHeight:1,fontFamily:r,fontSize:11,fontWeight:600,color:pt,background:"rgba(201,168,76,0.18)",border:`1px solid ${a}66`,borderRadius:4,padding:"0 14px",letterSpacing:"0.04em",whiteSpace:"nowrap",verticalAlign:"middle"},ft={display:"flex",alignItems:"center",gap:20,flexWrap:"wrap"},W=[{n:"01"},{n:"02"},{n:"03"}],yt=()=>{const{t}=I("apropos"),o=d.useRef(null),i=d.useRef([]),n=R(),[c,g]=d.useState(null),[u,x]=d.useState(0),[h,m]=d.useState(()=>W.map(()=>0)),A=w=>{var f;g(w);const v=i.current[w];if(v){v.scrollIntoView({behavior:n?"auto":"smooth",block:"center"});const p=v.querySelector("h3");(f=p==null?void 0:p.focus)==null||f.call(p)}};return d.useEffect(()=>{let w=0;const v=()=>{const l=o.current;if(!l)return;const b=l.getBoundingClientRect(),$=window.innerHeight,S=$*.85,N=$*.38,de=Math.max(1,b.height+(S-N)),ce=(S-b.top)/de;x(Math.max(0,Math.min(1,ce)));const P=i.current.map(L=>{if(!L)return 0;const M=L.getBoundingClientRect(),D=M.top+M.height/2,he=(S-D)/(S-N);return Math.max(0,Math.min(1,he))});m(L=>L.length===P.length&&L.every((M,D)=>Math.abs(M-P[D])<.005)?L:P)},f=()=>{w||(w=requestAnimationFrame(()=>{w=0,v()}))};v();const p=new ResizeObserver(f);return o.current&&p.observe(o.current),window.addEventListener("resize",f),window.addEventListener("scroll",f,{passive:!0}),()=>{p.disconnect(),window.removeEventListener("resize",f),window.removeEventListener("scroll",f),w&&cancelAnimationFrame(w)}},[]),e.jsxs("section",{"aria-label":t("approche.ariaLabel"),className:"apropos-light",style:{background:G,padding:"clamp(80px, 10vw, 120px) 24px",position:"relative",overflow:"hidden"},children:[e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:"radial-gradient(ellipse 60% 40% at 0% 50%, rgba(45,91,227,0.05), transparent 60%), radial-gradient(ellipse 50% 35% at 100% 50%, rgba(201,168,76,0.10), transparent 60%)",pointerEvents:"none"}}),e.jsxs("div",{className:"apropos-approche-wrap",style:{maxWidth:1240,margin:"0 auto",position:"relative",display:"grid",gridTemplateColumns:"0.9fr 1.1fr",gap:80,alignItems:"start"},children:[e.jsxs("div",{style:{position:"sticky",top:120},className:"apropos-approche-left",children:[e.jsx(E,{label:t("approche.eyebrow")}),e.jsx("h2",{style:{...K,color:s,marginBottom:24},className:"apropos-section-title",children:t("approche.title")}),e.jsxs("div",{style:{display:"flex",gap:4,marginBottom:28},"aria-hidden":!0,children:[e.jsx("span",{style:{width:36,height:2,background:F}}),e.jsx("span",{style:{width:12,height:2,background:a}})]}),e.jsx("p",{style:{margin:0,fontFamily:r,fontSize:16,color:O,lineHeight:1.75,maxWidth:380},children:t("approche.intro")})]}),e.jsxs("ol",{ref:o,"aria-label":t("approche.listAriaLabel"),className:"apropos-approche-list",style:{listStyle:"none",padding:0,margin:0,display:"flex",flexDirection:"column",gap:0,position:"relative"},children:[e.jsx("span",{"aria-hidden":!0,className:"apropos-approche-rail",style:{position:"absolute",left:22,top:32,bottom:32,width:1,background:"rgba(10,22,40,0.10)",pointerEvents:"none"}}),e.jsx("span",{"aria-hidden":!0,className:"apropos-approche-rail-fill",style:{position:"absolute",left:21,top:32,width:3,height:`calc((100% - 64px) * ${n?1:u})`,background:`linear-gradient(180deg, ${F} 0%, ${a} 100%)`,borderRadius:2,transition:n?"none":"height 240ms linear",pointerEvents:"none",opacity:n?1:.9}}),W.map((w,v)=>{const f=h[v]??0,p=n?!0:f>.25,l=n?!0:f>.6,b=c===v,$=t(`approche.pillars.${w.n}.title`),S=t(`approche.pillars.${w.n}.text`);return e.jsxs(y.li,{ref:N=>{i.current[v]=N},...z,initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:v*.08,ease:[.16,1,.3,1]},className:`apropos-approche-item${b?" is-active":""}`,role:"button",tabIndex:0,"aria-pressed":b,"aria-label":t(b?"approche.itemAriaLabelSelected":"approche.itemAriaLabel",{index:v+1,total:W.length,title:$,text:S}),onClick:()=>A(v),onKeyDown:N=>{(N.key==="Enter"||N.key===" ")&&(N.preventDefault(),A(v))},style:{display:"grid",gridTemplateColumns:"64px 1fr",gap:24,padding:"32px 0 32px 0",borderBottom:v<W.length-1?"1px solid rgba(10,22,40,0.08)":"none",cursor:"pointer",position:"relative"}
731,children:[e.jsx("span",{"aria-hidden":!0,className:`apropos-approche-node${p?" is-reached":""}${l?" is-settled":""}${b?" is-active":""}`,style:{position:"absolute",left:17,top:"50%",width:11,height:11,borderRadius:"50%",border:`1.5px solid ${p?a:"rgba(10,22,40,0.22)"}`,background:G,transform:"translateY(-50%)",transition:"border-color 360ms cubic-bezier(0.22,1,0.36,1), box-shadow 360ms cubic-bezier(0.22,1,0.36,1)",boxShadow:b?"0 0 0 4px rgba(201,168,76,0.18), 0 0 0 8px rgba(201,168,76,0.08)":p?"0 0 0 3px rgba(201,168,76,0.10)":"none",zIndex:1},children:e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",inset:0,margin:"auto",width:b?5:4,height:b?5:4,borderRadius:"50%",background:a,opacity:l?b?1:.85:0,transform:`scale(${l?1:.4})`,transition:"opacity 320ms cubic-bezier(0.22,1,0.36,1), transform 360ms cubic-bezier(0.22,1,0.36,1), width 240ms ease, height 240ms ease"}})}),e.jsx("div",{className:"apropos-approche-num",style:{...X,fontSize:44,color:a,lineHeight:1,fontVariantNumeric:"tabular-nums",opacity:.9,paddingLeft:24},"aria-hidden":!0,children:w.n}),e.jsxs("div",{children:[e.jsx("h3",{tabIndex:-1,style:{...ne,color:s,margin:"0 0 10px",outline:"none"},children:$}),e.jsx("p",{style:{margin:0,fontFamily:r,fontSize:15,color:k,lineHeight:1.75},children:S})]})]},w.n)})]})]}),e.jsx("style",{children:` 732 .apropos-approche-item { 733 transition: padding-left 320ms ease, background 320ms ease, box-shadow 320ms ease; 734 border-radius: 8px; 735 outline: none; 736 } 737 .apropos-approche-item:focus-visible { 738 outline: 2px solid ${F}; 739 outline-offset: 4px; 740 box-shadow: 0 0 0 4px rgba(45,91,227,0.18); 741 } 742 .apropos-approche-item:hover { padding-left: 8px; } 743 .apropos-approche-item.is-active { 744 padding-left: 12px; 745 background: linear-gradient(90deg, rgba(201,168,76,0.08), rgba(201,168,76,0) 70%); 746 } 747 .apropos-approche-item.is-active .apropos-approche-num { 748 opacity: 1 !important; 749 transform: scale(1.06); 750 transition: transform 320ms ease; 751 } 752 @media (prefers-reduced-motion: reduce) { 753 .apropos-approche-item:hover { padding-left: 0 !important; } 754 .apropos-approche-item.is-active .apropos-approche-num { transform: none !important; } 755 .apropos-approche-rail-fill { transition: none !important; } 756 } 757 @media (max-width: 900px) { 758 .apropos-approche-wrap { 759 grid-template-columns: 1fr !important; 760 gap: 48px !important; 761 } 762 .apropos-approche-left { position: static !important; } 763 } 764 `})]})},vt=()=>{const{t}=I("apropos"),o=d.useRef(null),i=R(),{scrollYProgress:n}=$e({target:o,offset:["start end","end start"]}),c=_(n,[0,1],i?[0,0]:[40,-40]),g=_(n,[0,.5,1],i?[1,1,1]:[1.06,1.02,1.06]),u=_(n,[0,1],i?[0,0]:[30,-20]),x=_(n,[0,.15,.85,1],i?[1,1,1,1]:[.6,1,1,.85]);return e.jsxs("section",{ref:o,"aria-label":t("editorial.ariaLabel"),style:{background:Y,padding:"0 24px",position:"relative"},children:[e.jsxs("div",{className:"apropos-band",style:{maxWidth:1240,margin:"0 auto"},children:[e.jsxs(y.div,{...z,initial:{opacity:0,scale:1.04},whileInView:{opacity:1,scale:1},viewport:{once:!0,margin:"-80px"},transition:{duration:1,ease:[.16,1,.3,1]},style:{position:"relative",minHeight:460,overflow:"hidden",background:"#0a1424"},className:"apropos-band-img-wrap",children:[e.jsx(y.img,{src:Ie,alt:t("editorial.image.alt"),loading:"lazy",decoding:"async",width:1280,height:1320,className:"apropos-band-img",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"30% center",filter:"saturate(1.08) contrast(1.06) brightness(0.96)",y:c,scale:g,willChange:"transform"}}),e.jsx("div",{"aria-hidden":!0,className:"apropos-band-overlay",style:{position:"absolute",inset:0,background:"radial-gradient(120% 90% at 30% 40%, rgba(0,0,0,0) 35%, rgba(5,13,30,0.55) 100%), linear-gradient(90deg, transparent 50%, rgba(10,22,40,0.6) 100%)",pointerEvents:"none",transition:"opacity 600ms cubic-bezier(0.16,1,0.3,1)"}}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,pointerEvents:"none",opacity:.1,mixBlendMode:"overlay",backgroundImage:`url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")`,backgroundSize:"180px 180px"}}
764),e.jsx("span",{"aria-hidden":!0,className:"apropos-band-corner",style:{position:"absolute",top:20,left:20,width:44,height:44,border:`1.5px solid ${a}`,borderRight:"none",borderBottom:"none",opacity:.85,zIndex:2,transition:"opacity 500ms ease, width 600ms cubic-bezier(0.16,1,0.3,1), height 600ms cubic-bezier(0.16,1,0.3,1)"}}),e.jsxs("div",{className:"apropos-band-caption",style:{position:"absolute",left:24,bottom:22,right:24,display:"flex",alignItems:"center",gap:12,fontFamily:r,fontSize:11,fontWeight:600,color:"rgba(255,255,255,0.92)",letterSpacing:"0.3em",textTransform:"uppercase",zIndex:2,textShadow:"0 2px 12px rgba(0,0,0,0.7)"},children:[e.jsx("span",{style:{width:18,height:1,background:a,display:"inline-block"},"aria-hidden":!0}),e.jsx("span",{children:t("editorial.image.caption")})]})]}),e.jsxs(y.div,{...z,initial:{opacity:0,x:30},whileInView:{opacity:1,x:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,delay:.1,ease:[.16,1,.3,1]},style:{background:"linear-gradient(165deg, #0F1A30 0%, #06101F 60%, #040B19 100%)",padding:"64px 64px",display:"flex",flexDirection:"column",justifyContent:"center",position:"relative",overflow:"hidden",y:u,opacity:x},className:"apropos-band-quote",children:[e.jsx("span",{"aria-hidden":!0,className:"apropos-band-halo",style:{position:"absolute",top:-120,right:-120,width:360,height:360,borderRadius:"50%",background:"radial-gradient(circle, rgba(201,168,76,0.16) 0%, rgba(201,168,76,0) 70%)",pointerEvents:"none",opacity:.7,transition:"opacity 700ms cubic-bezier(0.16,1,0.3,1)"}}),e.jsx("span",{"aria-hidden":!0,className:"apropos-band-pinstripe",style:{position:"absolute",inset:0,opacity:.04,backgroundImage:"repeating-linear-gradient(135deg, rgba(255,255,255,0.6) 0 1px, transparent 1px 12px)",pointerEvents:"none",transition:"opacity 700ms cubic-bezier(0.16,1,0.3,1)"}}),e.jsx("span",{"aria-hidden":!0,style:{...X,position:"absolute",top:18,left:40,fontSize:180,color:"rgba(201,168,76,0.12)",lineHeight:1,fontWeight:700},children:"â"}),e.jsxs("div",{style:{position:"relative",zIndex:2},children:[e.jsx(E,{label:t("editorial.eyebrow")}),e.jsxs("p",{className:"apropos-band-text",style:{margin:"20px 0 0",fontFamily:T,fontWeight:400,color:H,letterSpacing:"-0.01em"},children:[t("editorial.quotePart1"),e.jsx("span",{style:{color:a,fontWeight:600,fontStyle:"italic"},children:t("editorial.quoteHighlight")}),t("editorial.quotePart2")]}),e.jsxs("div",{className:"apropos-band-attrib",style:{marginTop:36,paddingTop:24,borderTop:"1px solid rgba(201,168,76,0.18)",display:"flex",alignItems:"center",gap:16},children:[e.jsx("span",{"aria-hidden":!0,className:"apropos-band-avatar",style:{position:"relative",display:"inline-block",width:56,height:56,borderRadius:"50%",flex:"0 0 auto",background:"#0a1424",boxShadow:"0 0 0 1px rgba(201,168,76,0.45), 0 0 0 4px rgba(201,168,76,0.10), 0 8px 20px rgba(0,0,0,0.45)",overflow:"hidden"},children:e.jsx("img",{src:Z,srcSet:`${nt} 96w, ${Z} 192w`,sizes:"56px",alt:t("editorial.attribution.avatarAlt"),loading:"lazy",decoding:"async",width:56,height:56,style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center 18%",display:"block"}})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4,minWidth:0},children:[e.jsx("span",{style:{fontFamily:T,fontSize:15,fontWeight:600,color:H,letterSpacing:"-0.005em",lineHeight:1.2},children:t("editorial.attribution.name")}),e.jsx("span",{className:"apropos-band-role",style:{fontFamily:r,fontSize:11,fontWeight:600,color:a,letterSpacing:"0.3em",textTransform:"uppercase",lineHeight:1.4},children:t("editorial.attribution.role")})]})]})]})]})]}),e.jsx("style",{children:` 765 .apropos-band { 766 display: grid; 767 grid-template-columns: 1.05fr 0.95fr; 768 gap: 0; 769 border-radius: 20px; 770 overflow: hidden; 771 border: 1px solid rgba(201,168,76,0.18); 772 box-shadow: 773 0 1px 0 rgba(255,255,255,0.04) inset, 774 0 40px 100px -40px rgba(8,15,32,0.65), 775 0 80px 160px -60px rgba(8,15,32,0.45); 776 isolation: isolate; 777 transition: 778 box-shadow 700ms cubic-bezier(0.16,1,0.3,1), 779 border-color 700ms cubic-bezier(0.16,1,0.3,1), 780 transform 700ms cubic-bezier(0.16,1,0.3,1); 781 will-change: transform; 782 } 783 /* Synchronized cinematic hover â image, frame, halo, pinstripe, corner */ 784 .apropos-band:hover, 785 .apropos-band:focus-within { 786 border-color: rgba(201,168,76,0.32); 787 box-shadow: 788 0 1px 0 rgba(255,255,255,0.06) inset, 789 0 50px 120px -40px rgba(8,15,32,0.75), 790 0 100px 200px -60px rgba(201,168,76,0.18); 791 transform: translateY(-2px); 792 } 793 .apropos-band-img { 794 transition: transform 1600ms cubic-bezier(0.16,1,0.3,1), 795 filter 800ms cubic-bezier(0.16,1,0.3,1); 796 } 797 .apropos-band:hover .apropos-band-img, 798 .apropos-band:focus-within .apropos-band-img { 799 filter: saturate(1.14) contrast(1.08) brightness(1.0) !important; 800 } 801 .apropos-band:hover .apropos-band-overlay, 802 .apropos-band:focus-within .apropos-band-overlay { 803 opacity: 0.85; 804 } 805 .apropos-band:hover .apropos-band-corner, 806 .apropos-band:focus-within .apropos-band-corner { 807 opacity: 1; 808 width: 56px; 809 height: 56px; 810 }
811 .apropos-band:hover .apropos-band-halo, 812 .apropos-band:focus-within .apropos-band-halo { 813 opacity: 1; 814 } 815 .apropos-band:hover .apropos-band-pinstripe, 816 .apropos-band:focus-within .apropos-band-pinstripe { 817 opacity: 0.075; 818 } 819 820 /* Responsive quote typography â fluid scale across breakpoints */ 821 .apropos-band-text { 822 font-size: clamp(18px, 1.85vw, 27px); 823 line-height: 1.55; 824 } 825 826 @media (prefers-reduced-motion: reduce) { 827 .apropos-band, 828 .apropos-band:hover, 829 .apropos-band:focus-within { transform: none !important; } 830 .apropos-band-img, 831 .apropos-band:hover .apropos-band-img { transition: none !important; } 832 .apropos-band:hover .apropos-band-corner, 833 .apropos-band:focus-within .apropos-band-corner { width: 44px !important; height: 44px !important; } 834 .apropos-band:hover .apropos-band-halo, 835 .apropos-band:focus-within .apropos-band-halo, 836 .apropos-band:hover .apropos-band-pinstripe, 837 .apropos-band:focus-within .apropos-band-pinstripe { opacity: initial !important; } 838 } 839 840 /* ===== Tablet: 901â1100 px â soften padding, keep two columns ===== */ 841 @media (max-width: 1100px) and (min-width: 901px) { 842 .apropos-band-quote { padding: 52px 44px !important; } 843 .apropos-band-text { font-size: clamp(18px, 2.2vw, 23px) !important; line-height: 1.5 !important; } 844 } 845 846 /* ===== Stack point: â¤900 px â image above, quote below ===== */ 847 @media (max-width: 900px) { 848 .apropos-band { 849 grid-template-columns: 1fr !important; 850 } 851 .apropos-band-img-wrap { min-height: 340px !important; } 852 .apropos-band-quote { padding: 44px 32px !important; } 853 .apropos-band-text { 854 font-size: clamp(18px, 3.2vw, 22px) !important; 855 line-height: 1.55 !important; 856 letter-spacing: -0.005em !important; 857 } 858 /* Stronger adaptive overlay when image stacks above the quote */ 859 .apropos-band-overlay { 860 background: 861 radial-gradient(120% 90% at 30% 40%, rgba(0,0,0,0.05) 35%, rgba(5,13,30,0.6) 100%), 862 linear-gradient(180deg, transparent 45%, rgba(5,13,30,0.65) 100%) !important; 863 } 864 } 865 866 /* ===== Mobile L: 641â768 px ===== */ 867 @media (max-width: 768px) and (min-width: 641px) { 868 .apropos-band-quote { padding: 40px 28px !important; } 869 .apropos-band-text { font-size: 19px !important; line-height: 1.55 !important; } 870 .apropos-band-avatar { width: 52px !important; height: 52px !important; } 871 .apropos-band-role { font-size: 10.5px !important; letter-spacing: 0.2em !important; } 872 } 873 874 /* ===== Mobile M: 481â640 px ===== */ 875 @media (max-width: 640px) { 876 .apropos-band { border-radius: 16px !important; } 877 .apropos-band-img-wrap { min-height: 280px !important; } 878 .apropos-band-quote { padding: 36px 24px !important; } 879 .apropos-band-text { 880 font-size: 17.5px !important; 881 line-height: 1.6 !important; 882 } 883 .apropos-band-attrib { 884 margin-top: 28px !important; 885 padding-top: 20px !important; 886 gap: 14px !important; 887 } 888 .apropos-band-avatar { width: 48px !important; height: 48px !important; } 889 .apropos-band-role { 890 font-size: 10px !important; 891 letter-spacing: 0.3em !important; 892 } 893 /* Reinforce overlay contrast on small screens (image visually smaller, caption smaller) */ 894 .apropos-band-overlay { 895 background: 896 radial-gradient(120% 90% at 30% 40%, rgba(0,0,0,0.1) 30%, rgba(5,13,30,0.7) 100%), 897 linear-gradient(180deg, rgba(5,13,30,0.18) 0%, transparent 35%, rgba(5,13,30,0.75) 100%) !important; 898 } 899 } 900 901 /* ===== Mobile S: â¤420 px â tighten attribution, allow wrapping ===== */ 902 @media (max-width: 420px) { 903 .apropos-band-quote { padding: 32px 20px !important; } 904 .apropos-band-text { font-size: 16.5px !important; line-height: 1.6 !important; } 905 .apropos-band-attrib { gap: 12px !important; } 906 .apropos-band-avatar { width: 44px !important; height: 44px !important; } 907 .apropos-band-role { 908 font-size: 9.5px !important; 909 letter-spacing: 0.16em !important; 910 } 911 } 912 `})]})},Nt=()=>{const{t}
912=I("apropos");return d.useEffect(()=>{const o=document.title;return document.title=t("meta.title"),()=>{document.title=o}},[t]),e.jsxs("div",{style:{minHeight:"100vh",backgroundColor:Y},children:[e.jsx(me,{}),e.jsx("style",{children:` 913 /* Light section overrides â sections marked .apropos-light use a 914 cream/light background and need readable colors for tokens that 915 default to INK (white). */ 916 .apropos-light .apropos-credential-badge { 917 background: rgba(10,22,40,0.04) !important; 918 border-color: rgba(10,22,40,0.10) !important; 919 } 920 921 /* ===== A11y â focus visible global pour les sections publiques ===== 922 Un anneau or â bleu, contrasté sur fonds clairs (cream) et sombres 923 (navy), garantit que la navigation clavier reste toujours visible 924 sans casser le design éditorial. */ 925 .apropos-root :is(a, button, [role="button"], [role="tab"], summary, [tabindex]):focus-visible { 926 outline: 2px solid ${a}; 927 outline-offset: 3px; 928 border-radius: 6px; 929 box-shadow: 0 0 0 4px rgba(45, 91, 227, 0.18); 930 transition: none; 931 } 932 /* Sur les sections sombres : on inverse pour garder un contraste AA */ 933 .apropos-root section:not(.apropos-light) :is(a, button, [role="button"], [role="tab"], [tabindex]):focus-visible { 934 outline-color: ${a}; 935 box-shadow: 0 0 0 4px rgba(238, 242, 255, 0.18); 936 } 937 .apropos-light .apropos-credential-title { color: #0A1628 !important; } 938 .apropos-light .apropos-credential-sub { color: #6B7C95 !important; } 939 940 /* ===== Mobile typography normalization (â¤640px) ===== 941 Resserre la hiérarchie sur petit écran : titres compactés, 942 paragraphes plus ramassés (line-height & taille), eyebrows 943 homogènes. Ãvite les sauts d'échelle inutiles entre sections. */ 944 @media (max-width: 640px) { 945 .apropos-root .apropos-section-title { 946 font-size: 28px !important; 947 line-height: 1.18 !important; 948 letter-spacing: -0.012em !important; 949 } 950 .apropos-root .apropos-h2 { 951 font-size: 26px !important; 952 line-height: 1.2 !important; 953 letter-spacing: -0.01em !important; 954 } 955 /* Identité â lead + body */ 956 .apropos-identite-section p { 957 font-size: 15px !important; 958 line-height: 1.7 !important; 959 } 960 /* Valeurs â intro paragraph under H2 */ 961 .apropos-values-section .apropos-section-title + p, 962 .apropos-values-section h2 + p { 963 font-size: 15px !important; 964 line-height: 1.65 !important; 965 } 966 /* Value card â title + body */ 967 .apropos-value-card h3 { 968 font-size: 21px !important; 969 line-height: 1.2 !important; 970 } 971 .apropos-value-card p { 972 font-size: 14px !important; 973 line-height: 1.7 !important; 974 } 975 /* Ghost decorative number â réduit pour ne pas envahir la carte */ 976 .apropos-value-card > span[aria-hidden]:nth-of-type(3) { 977 font-size: 108px !important; 978 top: -18px !important; 979 right: 16px !important; 980 } 981 } 982 @media (max-width: 380px) { 983 .apropos-root .apropos-section-title { font-size: 25px !important; } 984 .apropos-root .apropos-h2 { font-size: 24px !important; } 985 .apropos-identite-section p { font-size: 14.5px !important; } 986 .apropos-value-card h3 { font-size: 20px !important; } 987 .apropos-value-card > span[aria-hidden]:nth-of-type(3) { 988 font-size: 92px !important; 989 } 990 } 991 992 /* ===== Grille & rythme verticaux unifiés (root scope) ===== 993 Tokens partagés par toutes les sections : padding vertical, 994 gouttières latérales, max-width éditoriale. Garantit un rythme 995 parfaitement régulier du hero aux accréditations, sur tous les 996 breakpoints. */ 997 .apropos-root { 998 --apropos-section-py: clamp(80px, 10vw, 120px); 999 --apropos-gutter-x: 24px; 1000 --apropos-max-w: 1240px; 1001 } 1002 @media (max-width: 640px) { 1003 .apropos-root { 1004 --apropos-section-py: clamp(64px, 12vw, 88px); 1005 --apropos-gutter-x: 20px; 1006 } 1007 } 1008 @media (max-width: 380px) { 1009 .apropos-root { --apropos-gutter-x: 16px; } 1010 } 1011 /* Application du rythme à toutes les sections du flux principal. 1012 Les overrides via inline-style sont neutralisés au profit du token, 1013 pour garantir un alignement parfait section par section. */ 1014 .apropos-root >
1014 .apropos-histoire-v2, 1015 .apropos-root > .apropos-values-section, 1016 .apropos-root > section.apropos-light:not(.apropos-identite-section):not(.apropos-histoire-v2):not(.apropos-values-section) { 1017 padding-top: var(--apropos-section-py) !important; 1018 padding-bottom: var(--apropos-section-py) !important; 1019 padding-left: var(--apropos-gutter-x) !important; 1020 padding-right: var(--apropos-gutter-x) !important; 1021 } 1022 .apropos-identite-section { 1023 padding-left: var(--apropos-gutter-x) !important; 1024 padding-right: var(--apropos-gutter-x) !important; 1025 } 1026 `}),e.jsx("style",{children:` 1027 @media (prefers-reduced-motion: reduce) { 1028 .apropos-root, .apropos-root *, 1029 .apropos-root *::before, .apropos-root *::after { 1030 animation-duration: 0.001ms !important; 1031 animation-delay: 0ms !important; 1032 animation-iteration-count: 1 !important; 1033 transition-duration: 0.001ms !important; 1034 transition-delay: 0ms !important; 1035 scroll-behavior: auto !important; 1036 } 1037 /* Force Framer-Motion entrance states to their final visible value. 1038 Targets the explicit opt-in marker, not a fragile style substring. */ 1039 .apropos-root [data-motion-reveal="true"] { 1040 opacity: 1 !important; 1041 transform: none !important; 1042 } 1043 /* Hover: keep colour / opacity / outline / shadow, drop motion */ 1044 .apropos-root *:hover { 1045 transform: none !important; 1046 } 1047 } 1048 `}),e.jsxs("main",{id:"main-content",tabIndex:-1,className:"apropos-root",style:{outline:"none"},children:[e.jsx(dt,{}),e.jsx(ct,{}),e.jsx(gt,{}),e.jsx(vt,{}),e.jsx(yt,{}),e.jsx(ut,{}),e.jsx(bt,{}),e.jsx(Ae,{variant:"warm-gold"})]}),e.jsx(ge,{}),e.jsx(xe,{}),e.jsx(d.Suspense,{fallback:null,children:e.jsx(ue,{})})]})};export{Nt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.