/* Accueil éditorial de XXI Institut. */
.home-main{overflow:hidden}
.home-main h1,.home-main h2,.home-main h3{color:inherit}
.home-main a{text-underline-offset:4px}
.home-main a:focus-visible{outline:3px solid #1D2B7A;outline-offset:4px}
.home-kicker{font-size:.78rem;font-weight:700;letter-spacing:.09em;color:#666666;margin:0 0 17px}
.home-kicker span{margin:0 9px;color:#666666}
.home-lead{background:#F5F2EC;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD}
.home-lead-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);min-height:435px;gap:clamp(30px,5vw,90px);align-items:center;padding-top:38px;padding-bottom:38px}
.home-lead-copy{max-width:780px}
.home-lead h1{font:400 clamp(2.6rem,4.55vw,4.6rem)/1.08 var(--sans);letter-spacing:-.028em;color:#1D2B7A;margin:0 0 24px}
.home-lead-summary{font-size:1.15rem;line-height:1.55;max-width:700px;margin:0;color:#3A3A3A}
.home-lead-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:29px}
.home-button{display:inline-flex;align-items:center;gap:22px;padding:14px 19px;font-weight:700;font-size:.93rem;min-height:50px}
.home-button-primary{background:#1D2B7A;color:#FFFFFF}
.home-button-primary:hover{background:#1D2B7A}
.home-text-link{font-weight:700;border-bottom:1px solid #1D2B7A;padding:5px 0}
.home-lead-cover{display:block;width:min(100%,270px);justify-self:center;transform:rotate(2deg);}
.home-lead-cover:hover{transform:rotate(0deg) translateY(-4px)}
.home-lead-cover img{display:block;width:100%;height:auto}
.home-blog{background:#FFFFFF;border-bottom:1px solid #DDDDDD;padding:34px 0 39px}
.home-blog-grid{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);gap:clamp(32px,6vw,90px);align-items:start}
.home-blog-intro{padding-top:12px}
.home-blog-intro .home-kicker{margin-bottom:8px}
.home-blog-intro h2{font:400 clamp(2rem,3vw,3rem)/1.15 var(--sans);color:#1D2B7A;margin:0 0 13px}
.home-blog-intro>p:not(.home-kicker){font-size:.98rem;line-height:1.55;color:#3A3A3A;margin:0 0 17px;max-width:280px}
.home-blog-intro>a{display:inline-block;font-size:.9rem;font-weight:700;border-bottom:1px solid #1D2B7A;padding-bottom:3px}
.home-blog-article{background:#FFFFFF;border-left:4px solid #1D2B7A;padding:22px 28px 23px;}
.home-blog-meta{font-size:.78rem;line-height:1.4;font-weight:700;color:#666666;margin:0 0 11px}
.home-blog-meta span{margin:0 6px;color:#666666}
.home-blog-article h3{font:400 clamp(1.5rem,2.15vw,2.15rem)/1.18 var(--sans);color:#1D2B7A;margin:0 0 11px}
.home-blog-article h3 a:hover,.home-blog-read:hover{text-decoration:underline}
.home-blog-article>p:not(.home-blog-meta){font-size:.94rem;line-height:1.55;color:#3A3A3A;margin:0 0 14px;max-width:760px}
.home-blog-read{font-size:.88rem;font-weight:700}
.home-mission{padding:43px 0 48px;background:#F5F2EC;border-bottom:1px solid #DDDDDD}
.home-mission-grid{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);gap:clamp(32px,6vw,90px);align-items:start}
.home-mission .home-kicker{margin-bottom:8px}
.home-mission h2{font:400 clamp(2rem,3vw,3rem)/1.15 var(--sans);color:#1D2B7A;margin:0}
.home-mission-grid>div:last-child>p{font-size:1.02rem;line-height:1.62;color:#3A3A3A;margin:0 0 11px;max-width:780px}
.home-mission-grid>div:last-child>a{display:inline-block;font-size:.9rem;font-weight:700;border-bottom:1px solid #1D2B7A;padding-bottom:3px;margin-top:8px}
.home-dossiers{padding:59px 0 68px;background:#FFFFFF}
.home-dossier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-dossier{border:1px solid #DDDDDD;border-top:3px solid #1D2B7A;padding:23px 25px 24px;min-height:288px;display:flex;flex-direction:column;background:#FFFFFF;}
.home-dossier:hover{transform:translateY(-2px)}
.home-dossier-count{display:flex;justify-content:space-between;gap:14px;color:#666666;font-size:.76rem;font-weight:700;letter-spacing:.04em;margin:0 0 21px}
.home-dossier-count span{color:#666666;letter-spacing:0}
.home-dossier h3{font:400 clamp(1.32rem,1.9vw,1.88rem)/1.22 var(--sans);color:#1D2B7A;margin:0 0 13px}
.home-dossier h3 a:hover,.home-dossier-link:hover{text-decoration:underline}
.home-dossier>p:not(.home-dossier-count){font-size:.9rem;line-height:1.55;color:#3A3A3A;margin:0 0 19px}
.home-dossier-link{font-size:.87rem;font-weight:700;margin-top:auto}
.home-selection{padding:54px 0 63px;background:#FFFFFF}
.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:23px}
.home-section-head .home-kicker{margin-bottom:6px}
.home-section-head h2,.home-explore h2,.home-about h2{font:400 clamp(1.95rem,3vw,3rem)/1.16 var(--sans);color:#1D2B7A;margin:0}
.home-section-head>a{font-size:.9rem;font-weight:700;white-space:nowrap;border-bottom:1px solid #1D2B7A;padding-bottom:3px}
.home-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#F5F2EC;border-bottom:1px solid #F5F2EC}
.home-story{background:#FFFFFF;padding:24px 26px 27px;min-height:270px;display:flex;flex-direction:column}
.home-story-note{border-top:4px solid #1D2B7A}
.home-story-lettre{border-top:4px solid #2E5E4E}
.home-story-meta{font-size:.77rem;line-height:1.4;color:#666666;font-weight:700;margin:0 0 18px}
.home-story h3{font:400 clamp(1.35rem,1.75vw,1.75rem)/1.22 var(--sans);margin:0 0 13px;color:#1D2B7A}
.home-story h3 a:hover,.home-story-link:hover,.home-collection a:hover,.home-about a:hover{text-decoration:underline}
.home-story>p:not(.home-story-meta){font-size:.94rem;line-height:1.52;color:#3A3A3A;margin:0 0 18px}
.home-story-link{margin-top:auto;font-size:.86rem;font-weight:700}
.home-explore{padding:69px 0 75px;background:#1D2B7A;color:#FFFFFF}
.home-explore-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,7vw,110px)}
.home-explore h2{max-width:550px;color:#FFFFFF}
.home-explore-grid>div>p:last-child{max-width:480px;font-size:1.03rem;line-height:1.6;color:#DDDDDD;margin:20px 0 0}
.home-explore nav{border-top:1px solid #666666}
.home-explore nav a{display:grid;grid-template-columns:40px 1fr 20px;gap:10px;align-items:center;padding:20px 0;border-bottom:1px solid #666666;font:400 clamp(1.25rem,2vw,1.8rem)/1.2 var(--sans);color:#FFFFFF}
.home-explore nav a:hover{padding-left:7px}
.home-explore nav a span:first-child{font:700 .78rem var(--sans);color:#666666}
.home-explore nav a span:last-child{font:400 1.2rem var(--sans)}
.home-collections{padding:65px 0 75px;background:#FFFFFF}
.home-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-collection{display:grid;grid-template-columns:minmax(115px,170px) minmax(0,1fr);gap:25px;padding:23px;background:#F5F2EC;align-items:center}
.home-collection-lettre{background:#F5F2EC;border-top:3px solid #2E5E4E}
.home-collection-ajpp{background:#F5F2EC;border-top:3px solid #3A3A3A}
.home-collection-image img{display:block;width:100%;height:auto;}
.home-collection .home-kicker{margin-bottom:10px}
.home-collection h3{font:400 clamp(1.55rem,2vw,2.1rem)/1.18 var(--sans);color:#1D2B7A;margin:0 0 12px}
.home-collection p:not(.home-kicker){font-size:.92rem;line-height:1.55;color:#3A3A3A;margin:0 0 18px}
.home-collection a{font-weight:700;font-size:.9rem}
.home-about{padding:54px 0 63px;background:#F5F2EC;border-top:1px solid #F5F2EC}
.home-about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,7vw,110px)}
.home-about-grid>div:last-child>p{margin:0 0 22px;font-size:1.03rem;line-height:1.63;max-width:700px}
.home-about-links{display:flex;flex-wrap:wrap;gap:13px 22px;font-size:.9rem;font-weight:700}
.home-about-links a{border-bottom:1px solid #1D2B7A;padding-bottom:3px}
@media(max-width:1000px){.home-lead-grid{grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr)}.home-collection{grid-template-columns:110px 1fr;gap:17px;padding:18px}.home-story{padding:21px}}
@media(max-width:760px){.home-lead-grid{grid-template-columns:1fr;gap:35px;padding-top:39px;padding-bottom:45px}.home-lead-cover{width:min(52vw,235px);justify-self:start;margin-left:12px}.home-lead h1{font-size:clamp(2.5rem,8vw,3.5rem)}.home-blog-grid,.home-mission-grid{grid-template-columns:1fr;gap:22px}.home-blog-intro{padding-top:0}.home-blog-intro>p:not(.home-kicker){max-width:none}.home-blog-article{padding:21px 22px}.home-dossier-grid,.home-selection-grid{grid-template-columns:1fr}.home-dossier{min-height:auto}.home-story{min-height:auto;padding:21px 0 25px}.home-selection-grid{background:none;border-bottom:0}.home-story+.home-story{border-top:1px solid #F5F2EC}.home-explore-grid,.home-about-grid{grid-template-columns:1fr;gap:27px}.home-collection-grid{grid-template-columns:1fr}.home-section-head{align-items:start}}
@media(max-width:480px){.home-lead h1{font-size:2.45rem}.home-lead-summary{font-size:1.02rem}.home-lead-cover{width:min(54vw,205px)}.home-section-head{flex-direction:column;gap:12px}.home-collection{grid-template-columns:84px 1fr;gap:15px}.home-collection h3{font-size:1.5rem}.home-collection p:not(.home-kicker){font-size:.85rem}.home-explore nav a{font-size:1.22rem}.home-explore,.home-collections{padding:48px 0}}
@media(prefers-reduced-motion:reduce){.home-lead-cover{}}
@media(prefers-reduced-motion:reduce){.home-dossier{}}

.home-explore .home-kicker{color:#666666}.home-explore nav a small{display:block;font:400 .86rem/1.5 var(--sans);color:#DDDDDD;margin-top:5px}