.page-expertises { background: var(--color-background); }
/* Page mère : composition Webflow, grille commune des nouvelles pages. */
.expertises-main {
 --expertises-title: clamp(2.75rem,2.31rem + 1.88vw,4rem);
 --expertises-row-title: clamp(1.375rem,1.2rem + .75vw,1.875rem);
 --expertises-head-span: 8;
 --expertises-intro-span: 4;
 --expertises-team-span: 3;
 --expertises-row-span: 10;
 --expertises-hover-shift: var(--size-8);
 background: var(--color-background); color: var(--color-text);
}
.expertises-main :is(h1,h2,p) { margin: 0; }
.expertises-grid { display:grid; grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr)); column-gap:var(--grid-gap); box-sizing:border-box; width:100%; max-width:var(--layout-max); margin-inline:auto; padding-inline:var(--layout-margin); }
.expertises-section { row-gap:var(--space-block); padding-block:var(--size-48) var(--size-96); }
.expertises-head { grid-column:span var(--expertises-head-span); }
.expertises-kicker { font-family:var(--font-body); font-size:.625rem; line-height:1.4; letter-spacing:.16em; text-transform:uppercase; color:var(--color-muted); }
.expertises-main .expertises-kicker { margin-bottom:var(--size-18); }
.expertises-head h1 { max-inline-size:11ch; font-family:var(--font-heading); font-size:var(--expertises-title); font-weight:var(--weight-regular); line-height:1; letter-spacing:-.045em; text-wrap:balance; }
.expertises-main p { text-wrap:pretty; }
.expertises-intro { grid-column:span var(--expertises-intro-span); align-self:end; max-inline-size:60ch; color:var(--color-muted); font-family:var(--font-body); font-size:var(--type-body); line-height:var(--leading-body); }
.expertises-rows { grid-column:1/-1; display:grid; grid-template-columns:subgrid; padding-top:var(--size-48); }
.expertises-row { grid-column:1/-1; display:grid; grid-template-columns:subgrid; align-items:center; padding-block:var(--size-24); border-top:var(--rule-subtle); text-decoration:none; color:inherit; }
.expertises-row:last-child { border-bottom:var(--rule-subtle); }
.expertises-number { grid-column:span 1; font-family:var(--font-body); color:var(--color-muted); font-size:.6875rem; letter-spacing:.08em; line-height:1.9; }
.expertises-description { grid-column:span var(--expertises-row-span); min-width:0; }
.expertises-description h2 { font-family:var(--font-heading); font-size:var(--expertises-row-title); font-weight:var(--weight-regular); line-height:1.05; letter-spacing:-.03em; text-wrap:balance; }
.expertises-description p { max-inline-size:75ch; margin-top:var(--size-8); font-family:var(--font-heading); font-size:var(--type-small); line-height:1.5; color:var(--color-muted); }
.expertises-arrow { grid-column:span 1; justify-self:end; line-height:0; }
.expertises-arrow [data-yam-jitter] { animation-play-state:paused; }
.expertises-row:is(:hover,:focus-visible) .expertises-arrow [data-yam-jitter] { animation-play-state:running; }
.expertises-row:focus-visible { outline:var(--focus-ring); outline-offset:var(--size-4); }
.expertises-row:is(:hover,:focus-visible) .expertises-description p { color:var(--color-text); }
.expertises-network-head { grid-column:1 / span var(--expertises-head-span); }
.expertises-network-head h2 { margin-bottom:var(--size-16); font-family:var(--font-heading); font-size:var(--type-title); font-weight:var(--weight-regular); line-height:1.2; letter-spacing:var(--tracking-title); text-wrap:balance; }
.expertises-team { grid-column:1/-1; display:grid; grid-template-columns:subgrid; border-top:var(--rule-subtle); }
.expertises-person { grid-column:span var(--expertises-team-span); min-width:0; display:flex; flex-direction:column; gap:var(--size-4); padding-block:var(--size-16); border-bottom:var(--rule-subtle); }
.expertises-person-name { font-family:var(--font-heading); font-size:var(--type-lead); line-height:1.2; letter-spacing:-.02em; }
.expertises-person-role { font-family:var(--font-body); font-size:.625rem; line-height:1.5; font-weight:var(--weight-medium); letter-spacing:.12em; color:var(--color-muted); text-transform:uppercase; overflow-wrap:anywhere; }
@media(prefers-reduced-motion:no-preference) {
 .expertises-description h2,.expertises-description p { transition:transform 420ms cubic-bezier(.22,1,.36,1),color 260ms ease; }
 .expertises-row:is(:hover,:focus-visible) .expertises-description :is(h2,p) { transform:translateX(var(--expertises-hover-shift)); }
}
@media(max-width:61.9375em) {
 .expertises-main { --expertises-head-span:8; --expertises-intro-span:8; --expertises-row-span:6; --expertises-team-span:4; }
 .expertises-intro { max-inline-size:60ch; }
}
@media(max-width:29.9375em) {
 .expertises-main { --expertises-head-span:4; --expertises-intro-span:4; --expertises-row-span:3; --expertises-team-span:2; }
 .expertises-arrow { display:none; }
 .expertises-person-name { font-size:var(--type-body); }
}

.expertises-grid > * { min-width: 0; }
.expertises-main :is(h1,h2,.expertises-person-name) { overflow-wrap: anywhere; }
