.art :is(.art-head,.art-cover,.art-body,.art-authors,.art-suite){inline-size:100vw;max-inline-size:none;margin-inline:calc(50% - 50vw) 0;padding-inline:var(--rail);text-align:start}.art .art-head{padding-block:clamp(4rem,1.875rem + 5.24vw,7.5rem) 0;& h1{margin:0;overflow-wrap:break-word;text-align:center;text-wrap:balance}}.art .art-meta{font:var(--t-nav);letter-spacing:var(--ls-nav);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.35rem 0;margin:clamp(1.25rem,.8rem + 1.1vw,2rem) auto 0;max-inline-size:var(--art-col);color:var(--text);>*+*:before{content:"·";margin-inline:.7em;color:var(--muted)}& a{color:var(--texte-lien);text-decoration:none}& a:hover{color:var(--texte-lien-survol);text-decoration:underline;text-underline-offset:.15em}}.art{--art-col: calc((100vw - 2 * var(--rail) - clamp(2rem, .66rem + 1.83vw, 2.6rem)) * 963 / 1255)}@media(width<=64rem){.art{--art-col: 100%}}.art .art-cover{padding-block:clamp(2.5rem,1.2rem + 3.36vw,4.8rem) 0;.ph{display:block;position:relative;overflow:hidden;inline-size:100%;max-inline-size:var(--art-col);margin-inline:auto;aspect-ratio:16 / 9;border-radius:clamp(1.5rem,.78rem + 2.18vw,3.1rem);background:var(--fond-surface-alt)}.ph img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.ph:after{display:none}}.art .art-body{padding-block:clamp(3rem,2rem + 2.5vw,5rem) 0}.art .art-suite{padding:0}.art .art-connexes h2{max-inline-size:9em}.art .art-connexes .btn{margin-block-start:clamp(2rem,1.073rem + 3vw,4.75rem)}.art .art-prose.prose{padding:0;margin-inline:auto;max-inline-size:var(--art-col);>p,>h2,>h3,:where(ul,ol),blockquote{max-inline-size:none}>p,:where(ul,ol){font:var(--t-intro);letter-spacing:var(--ls-intro);margin:0 0 1.45em;color:var(--text)}>p.lead,&:not(.has-lead)>p:first-child{font:var(--t-carte);letter-spacing:var(--ls-carte);margin-block-end:1.3em;color:var(--heading)}>h2{font:var(--t-colonne);letter-spacing:var(--ls-colonne);margin:clamp(2.5rem,1.5rem + 2vw,4rem) 0 1rem;scroll-margin-top:calc(var(--header-h) + 1rem)}>h2:before{display:none}>h2+p{color:var(--text)}& img{max-inline-size:100%;block-size:auto;border-radius:clamp(1rem,.5rem + 1.4vw,2rem)}}.art .art-tl .sec>p{font:var(--t-intro);letter-spacing:var(--ls-intro);max-inline-size:none;margin:0 0 1.45em}.art .art-tl h2{font:var(--t-colonne);letter-spacing:var(--ls-colonne)}.art .art-authors{padding-block:clamp(2.5rem,1.5rem + 2.6vw,4rem) clamp(5rem,2.5rem + 7vw,10rem);.wrap{max-inline-size:var(--art-col);margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem clamp(1.5rem,.8rem + 2vw,3rem);padding-block-start:clamp(2.5rem,1.5rem + 2.8vw,4rem);@media(width<=40rem){grid-template-columns:minmax(0,1fr)}border-block-start:1px solid var(--bordure-subtile)}.a{display:flex;align-items:center;gap:clamp(1.25rem,.6rem + 1.1vw,1.8rem);text-decoration:none;color:inherit}.ph{display:block;position:relative;isolation:isolate;flex:none;inline-size:clamp(7rem,4rem + 4vw,10rem);aspect-ratio:292 / 211;border-block-end:1px solid var(--text);&:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--royal);mask:var(--pinceau) center / 100% 100% no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.2,.7,.2,1)}}.ph img{display:block;position:absolute;inset-block-start:5%;inset-inline-start:50%;translate:-50% 0;inline-size:74%;block-size:95%;object-fit:cover;object-position:top}& a.a:is(:hover,:focus-visible) .ph:before{clip-path:inset(0 0 0 0)}.ph.empty{background:var(--royal);border-radius:clamp(.75rem,.4rem + .9vw,1.56rem) clamp(.75rem,.4rem + .9vw,1.56rem) 0 0;overflow:hidden;&:before{display:none}}.txt{display:flex;flex-direction:column;gap:.5rem;min-inline-size:0}.nm{font:var(--t-carte);letter-spacing:var(--ls-carte);display:block;color:var(--texte-lien);&:after{content:"";display:inline-block;margin-inline-start:.45em;inline-size:.55em;aspect-ratio:14 / 19;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M0 15V18.8L14 11.6V7.9Z'/%3E%3Cpath d='M12.9 6.6L0 0V3.8L9.2 8.5Z'/%3E%3C/svg%3E") center / contain no-repeat;transition:translate .2s ease}}& a.a:hover .nm{color:var(--texte-lien-survol)}& a.a:hover .nm:after{translate:3px 0}.rl{font:var(--t-corps);letter-spacing:var(--ls-corps);color:var(--text);max-inline-size:28ch}}