:is(.arch-head:has(+.arch-facettes),.arch-facettes,.arch-blog){inline-size:100vw;margin-inline-start:calc(50% - 50vw)}:is(.arch-head:has(+.arch-facettes),.arch-head.split){max-inline-size:none;margin-block:0;padding:clamp(4rem,1.875rem + 5.24vw,7.5rem) var(--rail) 0;border:0;display:grid;grid-template-columns:minmax(0,669fr) minmax(0,628fr);gap:2rem 0;align-items:end;& h1{margin:0;text-wrap:balance}& h1 .page-num{font:var(--t-intro);letter-spacing:var(--ls-intro);display:block;margin-block-start:.4em;color:var(--muted)}.intro{font:var(--t-intro);letter-spacing:var(--ls-intro);margin:0 0 .35em;color:var(--text)}@media(width<=64rem){grid-template-columns:1fr}}.arch-facettes{max-inline-size:none;margin-block:0;padding:clamp(4rem,3.7rem + 10.35vw,14.8rem) var(--rail) 0;border:0}main .arch-facettes [data-facettes]{display:flex;flex-wrap:wrap;gap:clamp(.75rem,.34rem + .96vw,1.4rem);margin:0;padding:0}main .arch-facettes [data-facettes] a.btn{font:var(--t-cta);letter-spacing:var(--ls-cta);padding-block:0;background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bd)}main .arch-facettes [data-facettes] a.btn-outline{--btn-bg: transparent;--btn-fg: var(--texte-lien);--btn-bd: var(--texte-lien);&:hover{--btn-bg: var(--fond-action-subtil);--btn-fg: var(--texte-lien-survol);--btn-bd: var(--texte-lien-survol);box-shadow:none}}main .arch-facettes [data-facettes] a.btn-primary{--btn-fg: var(--beige-light)}.arch-blog{max-inline-size:none;margin-block:0;padding:0 var(--rail) clamp(5rem,3.7rem + 10.35vw,14.8rem)}.arch-blog .ph{display:block;position:relative;overflow:hidden;background:var(--fond-surface-alt);& img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform .5s ease}&:after{display:none}}.arch-blog .ti{display:block;color:var(--heading);overflow-wrap:break-word}.arch-blog .ex{font:var(--t-corps);letter-spacing:var(--ls-corps);display:block;color:var(--text)}.arch-blog .lire{font:var(--t-cta);letter-spacing:var(--ls-cta);display:flex;align-items:center;gap:.45em;padding-block-start:1.6rem;border-block-start:1px solid var(--bordure-subtile);color:var(--heading);&:after{content:"";flex:none;inline-size:.62em;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}}.arch-blog a:hover .lire:after{translate:3px 0}.arch-blog a:hover .ti{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.arch-blog-feat{display:grid;grid-template-columns:minmax(0,624fr) minmax(0,628fr);gap:2rem clamp(1.5rem,.7rem + 1.97vw,2.8rem);align-items:start;margin:clamp(3rem,1.6rem + 4.5vw,6.5rem) 0 0;padding-block-end:clamp(5rem,3.8rem + 10.7vw,15.3rem);border-block-end:1px solid var(--bordure-subtile);text-decoration:none;color:inherit;.ph{aspect-ratio:624 / 383;border-radius:clamp(1.5rem,.78rem + 2.18vw,3.1rem)}&:hover .ph img{transform:scale(1.03)}.txt{display:flex;flex-direction:column;min-inline-size:0}.ti{font:var(--t-carte);letter-spacing:var(--ls-carte);margin-block-start:-.08em;text-wrap:pretty}.ex{font:var(--t-intro);letter-spacing:var(--ls-intro);margin-block-start:clamp(1.5rem,.78rem + 2.18vw,3.1rem);max-inline-size:60ch}.lire{margin-block-start:clamp(1.5rem,.78rem + 2.18vw,3.1rem)}@media(width<=64rem){grid-template-columns:1fr;.ti{margin-block-start:0}}}.arch-blog-grid{list-style:none;margin:clamp(3rem,1.66rem + 4.63vw,6.6rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,.94rem + 2.62vw,3.75rem) clamp(2rem,1.44rem + 4.02vw,5.75rem);& li{margin:0}.c{display:flex;flex-direction:column;block-size:100%;text-decoration:none;color:inherit}.ph{aspect-ratio:16 / 10;margin-block-end:clamp(1.25rem,.5rem + 1.4vw,2rem);border-radius:clamp(1rem,.5rem + 1.4vw,2rem)}.c:hover .ph img{transform:scale(1.04)}.ti{font:var(--t-carte);letter-spacing:var(--ls-carte);text-wrap:balance}.date{font:var(--t-corps);letter-spacing:var(--ls-corps);display:block;margin-block-start:1rem;color:var(--text)}.ex{font:var(--t-corps);letter-spacing:var(--ls-corps);margin-block-start:.25rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.lire{margin-block-start:auto;padding-block-start:1.6rem}@media(width<=70rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media(width<=40rem){grid-template-columns:minmax(0,1fr)}}.arch-blog-grid .ex{margin-block-end:1.5rem}.arch-pagi{display:flex;justify-content:center;gap:1rem;margin-block-start:clamp(3rem,1.66rem + 4.63vw,6.6rem)}.arch-pagi a{font:var(--t-cta);letter-spacing:var(--ls-cta);display:inline-flex;align-items:center;gap:1.1em;min-block-size:clamp(2.75rem,2.3rem + 1vw,3.45rem);padding:0 clamp(1.3rem,1rem + .8vw,1.8rem);text-decoration:none;color:var(--texte-lien);border:1px solid var(--texte-lien);border-radius:var(--radius-full);transition:background-color .2s ease,color .2s ease,border-color .2s ease;&:hover{background:var(--fond-action-subtil);color:var(--texte-lien-survol);border-color:var(--texte-lien-survol)}}.art-more .arch-blog{padding-block-start:0}.art-more .arch-blog .hd{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-block-start:clamp(3rem,1.66rem + 4.63vw,6.6rem);border-block-start:1px solid var(--bordure-subtile)}.art-more .arch-blog .hd h2{margin:0}