.page-agence .section-kicker{
  margin-bottom:clamp(1.25rem,2.2vw,2rem);
}

.page-agence .agency-model{
  padding-bottom:clamp(4.5rem,7vw,7rem);
}
.page-agence .agency-model .sec-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,.75fr);
  gap:clamp(2rem,8vw,8rem);
  align-items:end;
  padding-bottom:clamp(2rem,3.5vw,3rem);
  border-bottom:1px solid var(--hair);
}
.page-agence .agency-model .sec-head h2{
  max-width:12ch;
}
.page-agence .agency-model .sec-head .lede{
  max-width:38ch;
  margin:0;
}
.page-agence .duo-txt{
  gap:clamp(2rem,7vw,7rem);
  margin-top:clamp(2rem,3.5vw,3rem);
}

.page-agence .pts{
  counter-reset:agency-point;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin-top:clamp(3rem,5vw,4.5rem);
  border-top:1px solid var(--hair);
  border-left:1px solid var(--hair);
}
.page-agence .pt{
  counter-increment:agency-point;
  position:relative;
  min-height:190px;
  padding:clamp(1.5rem,2.5vw,2.25rem);
  border:0;
  border-right:1px solid var(--hair);
  border-bottom:1px solid var(--hair);
  border-radius:0;
  background:transparent;
  transition:none;
}
.page-agence .pt:hover{
  transform:none;
  box-shadow:none;
}
.page-agence .pt:before{
  content:"0" counter(agency-point);
  display:block;
  margin-bottom:clamp(1.5rem,2.4vw,2rem);
  color:var(--ink-45);
  font-family:var(--display);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.16em;
}
.page-agence .pt .bec{display:none}
.page-agence .pt b{
  font-size:clamp(1.1rem,1.5vw,1.3rem);
}
.page-agence .pt p{
  max-width:45ch;
}

.page-agence .agency-note{
  max-width:none;
  margin-top:clamp(2rem,3.5vw,3rem);
  padding:clamp(1.6rem,3vw,2.5rem);
  border-radius:0;
  background:var(--ink);
  color:var(--paper);
}
.page-agence .agency-note .bec{background:var(--sun)}
.page-agence .agency-note b{font-size:clamp(1.15rem,1.7vw,1.45rem)}
.page-agence .agency-note p{max-width:78ch;color:rgba(255,255,255,.7)}

.page-agence .agency-method{
  margin-inline:var(--gut);
  padding-block:clamp(4rem,7vw,6.5rem);
  border-radius:clamp(26px,3.5vw,48px);
  background:var(--paper);
}
.page-agence .agency-method .section-heading{
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1fr);
  gap:clamp(2rem,7vw,7rem);
  align-items:end;
  margin-bottom:clamp(2rem,4vw,3.5rem);
}
.page-agence .agency-method .section-heading .section-kicker{margin:0}
.page-agence .agency-method .section-heading h2{
  max-width:16ch;
  font-size:var(--t-h2);
}
.page-agence .mx-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.6rem);
}
.page-agence .mx,
.page-agence .mx.inv{
  display:flex;
  flex-direction:column;
  gap:0;
  align-items:stretch;
  margin:0;
  overflow:hidden;
  border:1px solid var(--hair);
  border-radius:24px;
  background:var(--bone);
}
.page-agence .mx.inv .mxv{order:0}
.page-agence .mxv{
  aspect-ratio:16/9;
  border-radius:0;
  box-shadow:none;
}
.page-agence .mx:hover .mxv img{transform:scale(1.025)}
.page-agence .mxt{
  flex:1;
  padding:clamp(1.5rem,2.7vw,2.4rem);
}
.page-agence .mxt .card-num{
  margin:0 0 1rem;
  color:var(--ink-45);
  font-family:var(--display);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.16em;
}
.page-agence .mxt h3{font-size:clamp(1.5rem,2.3vw,2rem)}

.page-agence #pourquoi{
  margin:clamp(4rem,7vw,6.5rem) var(--gut) 0;
  border-radius:clamp(26px,3.5vw,48px);
}
.page-agence #pourquoi .why{
  grid-template-columns:minmax(0,.72fr) minmax(0,1fr);
  gap:clamp(3rem,8vw,8rem);
}
.page-agence #pourquoi h2{max-width:12ch}
.page-agence .commitments{
  display:grid;
  gap:0;
  border-top:1px solid rgba(255,255,255,.18);
}
.page-agence .commitments .big{
  display:grid;
  grid-template-columns:minmax(150px,.48fr) minmax(0,1fr);
  gap:1.4rem;
  align-items:start;
  margin:0;
  padding:1.4rem 0;
  border-bottom:1px solid rgba(255,255,255,.18);
  border-radius:0;
  background:transparent;
}
.page-agence .commitments .big b{
  color:var(--paper);
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.page-agence .commitments .big p{
  color:rgba(255,255,255,.68);
  font-size:.96rem;
}

.page-agence .fin{
  padding-block:clamp(4.5rem,7vw,6.5rem)!important;
}
.page-agence .fin .wrap{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1fr);
  gap:clamp(1.5rem,7vw,7rem);
  align-items:end;
}
.page-agence .fin .section-kicker{grid-column:1/-1;margin:0 0 .5rem}
.page-agence .fin h2{max-width:12ch}
.page-agence .fin .lede,
.page-agence .fin .ctas{grid-column:2;margin-left:0}
.page-agence .fin .lede{grid-row:2}
.page-agence .fin .ctas{grid-row:3}

@media (max-width:900px){
  .page-agence .agency-model .sec-head,
  .page-agence .agency-method .section-heading,
  .page-agence .mx-grid,
  .page-agence #pourquoi .why,
  .page-agence .fin .wrap{
    grid-template-columns:1fr;
  }
  .page-agence .agency-model .sec-head{gap:1.25rem}
  .page-agence .agency-method{margin-inline:clamp(.5rem,3vw,1rem)}
  .page-agence .agency-method .section-heading{gap:1rem}
  .page-agence .fin .lede,
  .page-agence .fin .ctas{grid-column:1;grid-row:auto}
}

@media (max-width:640px){
  .page-agence .pts{grid-template-columns:1fr}
  .page-agence .pt{min-height:auto}
  .page-agence .commitments .big{grid-template-columns:1fr;gap:.4rem}
}