:root{ --navy:#1a355b; --navy-deep:#12263f; --cream:#f8f5f0; --grey-light:#a7a7a7; --grey-dark:#7a7a7a; --white:#ffffff; --line:rgba(26,53,91,.12); --line-strong:rgba(26,53,91,.22); --shadow:0 18px 50px -28px rgba(18,38,63,.45); --serif:"Libre Baskerville", Georgia, "Times New Roman", serif; --sans:"Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --maxw:1180px; --gutter:clamp(20px,5vw,64px); } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; font-family:var(--sans); font-weight:400; color:var(--navy); background:var(--cream); line-height:1.65; font-size:17px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; } h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.18;letter-spacing:.1px;margin:0;} p{margin:0;} a{color:inherit;text-decoration:none;} img{max-width:100%;display:block;} ::selection{background:var(--navy);color:var(--cream);} .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);} .eyebrow{ font-family:var(--sans); font-size:.74rem; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--grey-dark); display:inline-flex; align-items:center; gap:.6em; } .eyebrow::before{content:"";width:26px;height:1px;background:var(--grey-light);display:inline-block;} .btn{ display:inline-flex;align-items:center;gap:.55em; font-family:var(--sans);font-weight:600;font-size:.95rem;letter-spacing:.02em; padding:.85em 1.6em;border-radius:2px;cursor:pointer; transition:transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease; border:1px solid transparent;white-space:nowrap; } .btn .arrow{transition:transform .25s ease;} .btn:hover .arrow{transform:translateX(4px);} .btn-primary{background:var(--navy);color:var(--cream);box-shadow:var(--shadow);} .btn-primary:hover{background:var(--navy-deep);transform:translateY(-2px);} .btn-ghost{background:transparent;color:var(--navy);border-color:var(--line-strong);} .btn-ghost:hover{border-color:var(--navy);transform:translateY(-2px);} .btn-light{background:var(--cream);color:var(--navy);} .btn-light:hover{background:var(--white);transform:translateY(-2px);} header.site{ position:sticky;top:0;z-index:60; background:rgba(248,245,240,.82); backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid transparent; transition:border-color .3s ease, background .3s ease; } header.site.scrolled{border-color:var(--line);background:rgba(248,245,240,.94);} .nav{display:flex;align-items:center;justify-content:space-between;height:74px;} .brand{display:flex;align-items:center;gap:.7em;font-family:var(--serif);font-weight:700;font-size:1.18rem;color:var(--navy);letter-spacing:.3px;white-space:nowrap;flex:none;} .brand span{display:flex;flex-direction:column;line-height:1.05;} .brand svg{flex:none;} .brand small{display:block;font-family:var(--sans);font-weight:500;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--grey-dark);margin-top:2px;} .nav-links{display:flex;align-items:center;gap:2.1rem;} .nav-links a.link{font-size:.93rem;font-weight:500;color:var(--navy);position:relative;padding:4px 0;} .nav-links a.link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--navy);transition:width .28s ease;} .nav-links a.link:hover::after{width:100%;} .nav-links > .btn-primary{display:none;} .nav-cta{display:flex;align-items:center;gap:1rem;} .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--navy);} .hero{position:relative;padding:clamp(48px,8vw,96px) 0 clamp(56px,7vw,90px);overflow:hidden;} .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:center;} .hero h1{font-size:clamp(2.45rem,5.4vw,4rem);margin:.5em 0 .55em;} .hero h1 .accent{font-style:italic;color:var(--navy);position:relative;} .hero-lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:#33476a;max-width:34ch;margin-bottom:2.1em;} .hero-actions{display:flex;flex-wrap:wrap;gap:1rem;} .hero-figure{position:relative;display:flex;justify-content:center;align-items:center;min-height:380px;} .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);} .reveal.in{opacity:1;transform:none;} .d1{transition-delay:.08s;} .d2{transition-delay:.18s;} .d3{transition-delay:.28s;} .d4{transition-delay:.38s;} .trust{border-top:1px solid var(--line);margin-top:clamp(44px,6vw,72px);padding-top:1.6rem;} .trust ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1.2rem 2.6rem;align-items:center;} .trust li{font-size:.82rem;letter-spacing:.04em;color:var(--grey-dark);display:flex;align-items:center;gap:.6em;font-weight:500;} .trust li svg{flex:none;color:var(--navy);opacity:.7;} section{padding:clamp(64px,9vw,118px) 0;} .section-head{margin-bottom:clamp(38px,5vw,62px);} .section-head p{max-width:62ch;} .section-head h2{text-wrap:balance;} .section-head h2{font-size:clamp(1.8rem,3.2vw,2.2rem);margin:.55em 0 .5em;letter-spacing:-.005em;} .section-head p{color:#3a4d6c;font-size:1.06rem;} .cabinet{background:var(--white);} .cabinet-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(34px,5vw,68px);align-items:start;} .portrait{ position:relative;border-radius:3px;overflow:hidden;background:var(--cream); aspect-ratio:4/5;border:1px solid var(--line);box-shadow:var(--shadow); display:flex;align-items:flex-end;justify-content:center; } .portrait-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--grey-light);text-align:center;padding:24px;} .portrait-placeholder .mono{font-family:var(--serif);font-size:3.2rem;color:var(--navy);opacity:.85;} .portrait-placeholder small{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;} .portrait figcaption{position:relative;z-index:2;width:100%;background:linear-gradient(transparent, rgba(18,38,63,.92));color:var(--cream);padding:30px 22px 18px;} .portrait figcaption strong{font-family:var(--serif);font-size:1.1rem;display:block;} .portrait figcaption span{font-size:.8rem;letter-spacing:.04em;color:#cdd6e2;} .founder-quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1.8vw,1.42rem);line-height:1.5;color:var(--navy);border-left:2px solid var(--navy);padding-left:1.1em;margin:0 0 1.8em;} .cabinet-body p{color:#33476a;margin-bottom:1.15em;} .cabinet-body p strong{color:var(--navy);font-weight:600;} .vision-tag{display:inline-block;margin-top:.4em;font-family:var(--serif);font-style:italic;font-size:1.08rem;color:var(--navy);} .approche{background:var(--navy);color:var(--cream);position:relative;overflow:hidden;} .approche .section-head h2,.approche .section-head .eyebrow{color:var(--cream);} .approche .section-head .eyebrow{color:#aebccf;} .approche .section-head .eyebrow::before{background:rgba(255,255,255,.35);} .approche .section-head p{color:#c4cedd;} .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.16);} .step{padding:2.2rem 1.6rem 2.2rem 0;border-right:1px solid rgba(255,255,255,.16);} .step:last-child{border-right:none;padding-right:0;} .step:not(:first-child){padding-left:1.6rem;} .step .num{font-family:var(--serif);font-size:1.05rem;color:#8fa3bd;margin-bottom:1.4rem;display:flex;align-items:center;gap:.7em;} .step .num::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.18);} .step h3{font-size:1.16rem;margin-bottom:.6em;color:var(--cream);} .step p{font-size:.92rem;color:#bcc8d8;line-height:1.6;} .exp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);} .exp-card{background:var(--cream);padding:clamp(28px,3.4vw,44px);transition:background .3s ease, transform .3s ease;position:relative;} .exp-card:hover{background:var(--white);} .exp-icon{width:42px;height:42px;color:var(--navy);margin-bottom:1.3rem;} .exp-card h3{font-size:1.32rem;margin-bottom:.55em;} .exp-card p{color:#3a4d6c;font-size:.98rem;} .exp-index{position:absolute;top:clamp(22px,3vw,38px);right:clamp(24px,3vw,40px);font-family:var(--serif);font-size:.95rem;color:var(--grey-light);} .confiance{background:var(--white);} .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:.6rem;} .stat{border:1px solid var(--line);border-radius:3px;padding:1.7rem 1.5rem;background:var(--cream);} .stat .tag{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grey-dark);font-weight:600;margin-bottom:.7rem;} .stat h3{font-size:1.05rem;line-height:1.35;margin-bottom:.5rem;} .stat p{font-size:.86rem;color:var(--grey-dark);} .reg-bar{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;align-items:center;font-size:.84rem;color:var(--grey-dark);} .reg-bar .chip{border:1px solid var(--line);border-radius:100px;padding:.45em 1.05em;font-weight:500;color:var(--navy);background:var(--cream);} .contact{background:var(--navy);color:var(--cream);text-align:center;} .contact .wrap{max-width:760px;} .contact .eyebrow{color:#aebccf;} .contact .eyebrow::before{background:rgba(255,255,255,.4);} .contact h2{color:var(--cream);font-size:clamp(2rem,3.8vw,3rem);margin:.5em 0 .6em;} .contact p{color:#c6d0de;font-size:1.08rem;margin-bottom:2.2em;} .contact-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;} .contact-mail{display:inline-flex;align-items:center;gap:.6em;margin-top:2.4em;color:#cdd6e2;font-size:.95rem;} .contact-mail a{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1px;transition:border-color .25s ease;} .contact-mail a:hover{border-color:var(--cream);} footer.site{background:var(--navy-deep);color:#aebccf;padding:clamp(48px,6vw,72px) 0 2.2rem;font-size:.86rem;} .foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;align-items:flex-start;padding-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,.12);} .foot-brand{font-family:var(--serif);font-size:1.2rem;color:var(--cream);display:flex;align-items:center;gap:.7em;} .foot-links{display:flex;flex-wrap:wrap;gap:1.6rem;} .foot-links a{color:#aebccf;transition:color .25s ease;} .foot-links a:hover{color:var(--cream);} .foot-legal{padding-top:1.8rem;line-height:1.8;color:#8c9bb2;} .foot-legal a{color:#aebccf;text-decoration:underline;text-underline-offset:2px;} .foot-bottom{margin-top:1.4rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:#7e8ea6;} .instrument{width:min(420px,90%);height:auto;} .needle{transform-origin:210px 210px;} .wake{stroke-dasharray:1;stroke-dashoffset:1;} @media (max-width:920px){ .hero-grid{grid-template-columns:1fr;} .hero-figure{order:-1;min-height:auto;margin-bottom:8px;} .instrument{width:min(320px,70%);} .cabinet-grid{grid-template-columns:1fr;} .portrait{max-width:360px;} .steps{grid-template-columns:1fr 1fr;} .step{border-right:none;border-bottom:1px solid rgba(255,255,255,.16);padding:1.8rem 0;} .step:nth-child(odd){padding-right:1.4rem;border-right:1px solid rgba(255,255,255,.16);} .step:nth-child(even){padding-left:1.4rem;} .stat-grid{grid-template-columns:1fr;} } @media (max-width:760px){ .nav-links{ position:fixed;top:74px;left:0;right:0; flex-direction:column;align-items:flex-start;gap:0; background:var(--cream);border-bottom:1px solid var(--line); padding:0 var(--gutter);max-height:0;overflow:hidden; transition:max-height .35s ease, padding .35s ease; } .nav-links.open{max-height:60vh;padding:1rem var(--gutter) 1.6rem;} .nav-links a.link{width:100%;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1rem;} .nav-links .btn{margin-top:1rem;width:100%;justify-content:center;display:inline-flex;} .nav-links > .btn-primary{display:inline-flex;} .menu-toggle{display:inline-flex;} .nav-cta .btn-primary{display:none;} .exp-grid{grid-template-columns:1fr;} .steps{grid-template-columns:1fr;} .step,.step:nth-child(odd),.step:nth-child(even){border-right:none;padding:1.6rem 0;} } @media (max-width:430px){ .brand small{display:none;} .hero-actions .btn{flex:1 1 auto;justify-content:center;} } @media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important;scroll-behavior:auto!important;} .reveal{opacity:1;transform:none;} .wake{stroke-dashoffset:0;} } :focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:2px;} .contact :focus-visible,.approche :focus-visible,footer :focus-visible{outline-color:var(--cream);} .brand{gap:0;} .brand-logo{height:42px;width:auto;display:block;} .foot-logo{height:42px;width:auto;display:block;} @media (max-width:760px){ .brand-logo{height:36px;} } @media (max-width:430px){ .brand-logo{height:32px;} } section[id]{scroll-margin-top:88px;} .ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px; border:1px dashed var(--line-strong);border-radius:3px;background: repeating-linear-gradient(45deg,rgba(26,53,91,.025) 0 12px,transparent 12px 24px); color:var(--grey-dark);text-align:center;padding:26px;} .ph svg{opacity:.5} .ph small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;} .ph .hint{font-size:.66rem;color:var(--grey-light);letter-spacing:.02em;text-transform:none;} .ph-dark{border-color:rgba(255,255,255,.28);color:rgba(248,245,240,.72); background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 12px,transparent 12px 24px);} .ph-dark .hint{color:rgba(248,245,240,.5);} .ph-cover{position:absolute;inset:0;} .imageband{position:relative;height:clamp(320px,40vw,500px);overflow:hidden;background:var(--navy);} .imageband img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .imageband .scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,38,63,.66),rgba(18,38,63,.20));} .imageband .band-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;} .imageband blockquote{margin:0;font-family:var(--serif);font-style:italic;color:var(--cream); font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.35;max-width:20ch;} .imageband .band-hint{position:absolute;bottom:14px;right:18px;z-index:2;color:rgba(248,245,240,.55); font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;} .partners{background:var(--cream);padding:clamp(50px,6vw,76px) 0;border-top:1px solid var(--line);} .partners-label{text-align:center;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase; color:var(--grey-dark);font-weight:600;margin-bottom:2.4rem;} .marquee{overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);} .marquee-track{display:flex;align-items:center;gap:clamp(44px,7vw,96px);width:max-content; animation:marquee 58s linear infinite;} .marquee:hover .marquee-track{animation-play-state:paused;} @keyframes marquee{to{transform:translateX(-50%);}} .logo-item{flex:none;height:58px;display:flex;align-items:center;justify-content:center;white-space:nowrap; color:var(--navy);font-family:var(--serif);font-size:1.3rem;letter-spacing:.04em;opacity:1; transition:opacity .3s ease;} .logo-item:hover{opacity:1;} .logo-item img{max-height:46px;width:auto;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s;} .logo-item:hover img{filter:none;opacity:1;} .contact{text-align:left;} .contact .wrap{max-width:var(--maxw);} .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center;} .contact-photo{position:relative;border-radius:3px;overflow:hidden;aspect-ratio:4/3; border:1px solid rgba(255,255,255,.16);} .contact-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .contact-actions{justify-content:flex-start;} .contact-mail{justify-content:flex-start;} .modal[hidden]{display:none;} .modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;} .modal-backdrop{position:absolute;inset:0;background:rgba(18,38,63,.55);backdrop-filter:blur(3px);animation:mfade .25s ease;} .modal-card{position:relative;z-index:2;background:var(--cream);max-width:560px;width:100%;border-radius:4px; padding:clamp(28px,4vw,46px);box-shadow:0 30px 80px -28px rgba(18,38,63,.6);animation:mpop .3s cubic-bezier(.2,.8,.2,1);} .modal-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:1.7rem;line-height:1; color:var(--grey-dark);cursor:pointer;width:38px;height:38px;border-radius:50%;transition:background .2s,color .2s;} .modal-close:hover{background:rgba(26,53,91,.07);color:var(--navy);} .modal-card h3{font-size:clamp(1.4rem,2.6vw,1.85rem);margin:.55em 0 .35em;} .modal-card > p{color:#3a4d6c;margin-bottom:1.7rem;font-size:1rem;} .rdv-options{display:flex;flex-direction:column;gap:.8rem;} .rdv-opt{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:3px; background:var(--white);transition:border-color .2s,transform .2s,box-shadow .2s;} .rdv-opt:hover{border-color:var(--navy);transform:translateY(-1px);box-shadow:var(--shadow);} .rdv-opt .ic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--cream);display:flex; align-items:center;justify-content:center;color:var(--navy);} .rdv-opt .tx{flex:1;} .rdv-opt .tx strong{display:block;font-family:var(--serif);font-size:1.04rem;color:var(--navy);font-weight:700;} .rdv-opt .tx span{font-size:.86rem;color:var(--grey-dark);} .rdv-opt .arrow{color:var(--navy);opacity:.45;transition:transform .2s;} .rdv-opt:hover .arrow{transform:translateX(3px);opacity:.8;} @keyframes mfade{from{opacity:0}to{opacity:1}} @keyframes mpop{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}} @media (max-width:920px){ .contact-grid{grid-template-columns:1fr;} .contact-photo{order:-1;max-width:520px;} } .portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;} .reg-bar a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line-strong);transition:text-decoration-color .2s;} .reg-bar a:hover{text-decoration-color:var(--navy);} .cncgp-badge{display:flex;align-items:center;gap:1.5rem;margin-top:2.6rem;padding-top:2rem;border-top:1px solid var(--line);} .cncgp-badge img{width:120px;height:auto;flex:none;} .cncgp-badge p{font-size:.9rem;color:var(--grey-dark);max-width:54ch;line-height:1.65;} .cncgp-badge p strong{color:var(--navy);font-weight:600;} @media(max-width:600px){.cncgp-badge{flex-direction:column;align-items:flex-start;gap:1rem;}} .contact-details{list-style:none;margin:2.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem;} .contact-details li{display:flex;align-items:center;gap:.7em;color:#cdd6e2;font-size:.96rem;} .contact-details svg{flex:none;color:#aebccf;} .contact-details a{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1px;transition:border-color .25s ease;} .contact-details a:hover{border-color:var(--cream);} .contact-details .rdv-note{color:#8c9bb2;font-size:.85rem;border:none;} .faq{background:var(--cream);} .faq-list{max-width:820px;border-top:1px solid var(--line);} .faq details{border-bottom:1px solid var(--line);} .faq summary{list-style:none;cursor:pointer;padding:1.25rem 2.4rem 1.25rem 0;position:relative; font-family:var(--serif);font-size:1.12rem;color:var(--navy);font-weight:700;transition:color .2s;} .faq summary::-webkit-details-marker{display:none;} .faq summary::after{content:"+";position:absolute;right:.4rem;top:50%;transform:translateY(-50%); font-family:var(--sans);font-weight:400;font-size:1.5rem;color:var(--grey-dark);transition:transform .25s;} .faq details[open] summary::after{content:"\2212";} .faq summary:hover{color:#33476a;} .faq .faq-a{padding:0 2.4rem 1.4rem 0;} .faq .faq-a p{color:#3a4d6c;line-height:1.7;font-size:1rem;} .faq .faq-a strong{color:var(--navy);font-weight:600;} .section-head p{text-wrap:balance;} .cabinet-body p{text-wrap:pretty;} .article{padding:clamp(30px,5vw,60px) 0 clamp(50px,7vw,90px);background:var(--cream);} .article .wrap{max-width:760px;} .breadcrumb{font-size:.85rem;color:var(--grey-dark);margin-bottom:1.5rem;} .breadcrumb a{color:var(--grey-dark);text-decoration:underline;text-underline-offset:2px;} .breadcrumb a:hover{color:var(--navy);} .article h1{font-size:clamp(1.9rem,3.4vw,2.5rem);line-height:1.16;margin:.4rem 0 1rem;text-wrap:balance;} .article-lead{font-size:1.16rem;color:#33476a;line-height:1.62;margin-bottom:1.8rem;text-wrap:pretty;} .article h2{font-size:1.38rem;margin:2rem 0 .7rem;} .article p{color:#33476a;line-height:1.75;margin-bottom:1rem;text-wrap:pretty;} .article p strong{color:var(--navy);font-weight:600;} .article ul{margin:.3rem 0 1.2rem;padding-left:1.2rem;color:#33476a;line-height:1.7;} .article li{margin-bottom:.5rem;} .article-note{margin:2.4rem 0 0;padding:1rem 1.2rem;background:#efe9e0;border-radius:8px;} .article-note p{font-size:.83rem;color:var(--grey-dark);margin:0;line-height:1.6;} .article-cta{margin:2.6rem 0 0;padding:clamp(1.6rem,3vw,2.2rem);background:var(--navy);border-radius:14px;color:var(--cream);} .article-cta h2{color:var(--cream);margin:0 0 .6rem;font-size:1.35rem;} .article-cta p{color:#cdd6e2;margin:0 0 1.3rem;line-height:1.6;text-wrap:normal;overflow-wrap:normal;word-break:normal;hyphens:manual;} .article-cta p strong{white-space:nowrap;color:var(--cream);font-weight:700;} .article-cta .btn-primary{background:var(--cream);color:var(--navy);} .article-related{margin:2.4rem 0 0;border-top:1px solid var(--line);padding-top:1.3rem;} .article-related h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--grey-dark);font-family:var(--sans);font-weight:600;margin-bottom:.7rem;} .article-sources{margin:2.2rem 0 0;padding-top:1.2rem;border-top:1px solid var(--line);} .article-sources h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--grey-dark);font-family:var(--sans);font-weight:600;margin-bottom:.6rem;} .article-sources ul{list-style:none;margin:0;padding:0;} .article-sources li{margin-bottom:.35rem;} .article-sources a{color:var(--navy);text-decoration:underline;text-underline-offset:2px;font-size:.9rem;} .article-sources a:hover{color:#33476a;} .article-related a{display:inline-block;margin:0 1.1rem .5rem 0;color:var(--navy);text-decoration:underline;text-underline-offset:2px;font-size:.95rem;} .ressources{padding:clamp(30px,5vw,64px) 0 clamp(50px,7vw,90px);} .ressources h1{font-size:clamp(2rem,4vw,2.6rem);margin:.4rem 0 .6rem;text-wrap:balance;} .ressources .res-lead{font-size:1.1rem;color:#33476a;max-width:62ch;margin-bottom:2.6rem;text-wrap:pretty;} .res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.3rem;} .res-card{display:flex;flex-direction:column;padding:1.6rem;background:#fff;border:1px solid var(--line);border-radius:12px;transition:border-color .25s,transform .25s,box-shadow .25s;} .res-card:hover{border-color:var(--navy);transform:translateY(-3px);box-shadow:0 14px 32px rgba(26,53,91,.09);} .res-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;color:var(--grey-dark);font-weight:600;margin-bottom:.55rem;} .res-card h2{font-size:1.18rem;margin:0 0 .5rem;color:var(--navy);} .res-card p{font-size:.91rem;color:#4a5b78;line-height:1.55;margin:0 0 1rem;flex:1;} .res-more{font-size:.9rem;color:var(--navy);font-weight:600;}