.vp-block-metiers{--metiers-marker-size:calc(var(--font-size) * 2.3);--metiers-tab-size:calc(var(--font-size) * 2);--metiers-muted:#ffffff4d;--metiers-decor:#1048f2;--metiers-decor-overlap:#001dee;padding:var(--xxl) var(--inline) calc(var(--font-size) * 4.45);background:var(--primary);color:var(--white);position:relative;overflow:hidden}.vp-block-metiers>.decor{left:0;top:calc(var(--font-size) * 2.14);z-index:0;aspect-ratio:340/709;pointer-events:none;width:19.6759%;height:auto;position:absolute}.vp-block-metiers>.decor .decor-layer{fill:var(--metiers-decor)}.vp-block-metiers>.decor .decor-overlap{fill:var(--metiers-decor-overlap)}.vp-block-metiers>.container{z-index:1;max-width:var(--max-size);gap:var(--m);grid-template-columns:repeat(12,1fr);margin-inline:auto;display:grid;position:relative}.vp-block-metiers .vp-section-head .left{grid-column:span 3}.vp-block-metiers .vp-section-head .left .vp-eyebrow{--eyebrow-dot-color:var(--white)}.vp-block-metiers .vp-section-head .center{grid-column:4/-1}.vp-block-metiers .vp-section-head .title{color:var(--white)}.vp-block-metiers .tabs{margin-top:calc(var(--font-size) * 3.3);column-gap:var(--m);grid-column:4/-1;grid-template-columns:repeat(3,1fr);display:grid}.vp-block-metiers .item{display:contents}.vp-block-metiers .tab{align-items:center;gap:var(--s);width:100%;padding:0 0 calc(var(--font-size) * .85);border:0;border-bottom:1px solid var(--metiers-muted);font:inherit;text-align:left;color:var(--metiers-muted);cursor:pointer;transition:color var(--transition-duration) var(--ease-out-quad), border-color var(--transition-duration) var(--ease-out-quad);background:0 0;grid-row:1;margin:0;display:flex}.vp-block-metiers .tab>.marker{--icon-bg:var(--metiers-muted);width:var(--metiers-marker-size);height:var(--metiers-marker-size);color:var(--primary);transition:transform var(--transition-duration) var(--ease-out-quad);flex:none;display:block}.vp-block-metiers .tab>.marker svg{width:100%;height:100%;display:block}.vp-block-metiers .tab>.label{font-family:var(--font-heading);font-size:var(--metiers-tab-size);text-transform:uppercase;font-weight:500;line-height:1}.vp-block-metiers .tab:hover,.vp-block-metiers .tab:focus-visible{color:var(--white);border-color:var(--white)}:is(.vp-block-metiers .tab:hover,.vp-block-metiers .tab:focus-visible)>.marker{--icon-bg:var(--white)}.vp-block-metiers .tab[aria-expanded=true]{color:var(--white);border-color:var(--white)}.vp-block-metiers .tab[aria-expanded=true]>.marker{--icon-bg:var(--white);transform:rotate(90deg)}.vp-block-metiers .item:first-child .tab{grid-column:1}.vp-block-metiers .item:nth-child(2) .tab{grid-column:2}.vp-block-metiers .item:nth-child(3) .tab{grid-column:3}.vp-block-metiers .panel{grid-area:2/1/auto/-1;overflow:hidden}.vp-block-metiers .panel[hidden]{display:none}.vp-block-metiers .list{padding:calc(var(--font-size) * 4.7) 0 0;columns:var(--metiers-columns,3);column-gap:var(--m);margin:0;list-style:none}.vp-block-metiers .entry{margin-bottom:calc(var(--font-size) * 1.56);padding-left:calc(var(--font-size) * 1.15);font-size:calc(var(--font-size) * 1.1);break-inside:avoid;line-height:142%;position:relative}.vp-block-metiers .entry:before{content:"";background:currentColor;border-radius:50%;width:.4em;height:.4em;position:absolute;top:.55em;left:0}@media (max-width:1023px){.vp-block-metiers{padding-block:var(--xl)}.vp-block-metiers>.decor{display:none}.vp-block-metiers>.container{grid-template-columns:1fr}.vp-block-metiers .vp-section-head .left,.vp-block-metiers .vp-section-head .center{grid-column:1/-1}.vp-block-metiers .tabs{margin-top:var(--m);grid-column:1/-1;display:block}.vp-block-metiers .item{display:block}.vp-block-metiers .tab{padding-block:var(--m)}.vp-block-metiers .list{columns:1;padding:var(--l) 0 var(--m);border-bottom:1px solid var(--metiers-muted)}}