/* Trois sources de contacts, puis les deux actions de campagne. */
#destinataires.hero-feats {
  max-width: 1100px;
  margin: 42px auto 44px;
  padding-top: 32px;
}
#destinataires .hero-audience__tab {
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -.025em;
}
#destinataires .hero-list--panel {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  padding-bottom: 30px;
}
#destinataires > .hero-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 44px;
  padding-top: 30px;
}
#destinataires .hero-item {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}
#destinataires .hero-ico { width: 30px; height: 30px; margin-top: 1px; }
#destinataires .hero-item__title {
  margin: 0;
  color: #17212d;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: -.015em;
  overflow-wrap: break-word;
}
#destinataires .hero-item__note {
  margin-top: 6px;
  color: #586476;
  font-size: 13px;
  line-height: 1.5;
}
#destinataires .hero-item p {
  max-width: 52ch;
  margin: 10px 0 0;
  color: #4b5563;
  font-size: 15.5px;
  line-height: 1.65;
}
@media (min-width: 641px) and (max-width: 1023px) {
  #destinataires .hero-list--panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #destinataires .hero-item--professional { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  #destinataires.hero-feats { margin: 32px auto 36px; padding-top: 26px; }
  #destinataires .hero-audience__tab { font-size: 22px; margin-bottom: 26px; }
  #destinataires .hero-list--panel,
  #destinataires > .hero-list { grid-template-columns: 1fr; gap: 26px; }
  #destinataires .hero-list--panel { padding-bottom: 26px; }
  #destinataires > .hero-list { padding-top: 26px; }
  #destinataires .hero-item { gap: 13px; }
  #destinataires .hero-item__title { font-size: 17px; line-height: 1.45; }
  #destinataires .hero-item p { font-size: 15px; line-height: 1.6; margin-top: 8px; }
}

/* Surface blanche et grille partagée : alignements réels, sans hauteurs figées. */
#destinataires.hero-feats { background:#fff; padding:40px; border:0; border-radius:16px; box-sizing:border-box; }
#destinataires .hero-list--panel { gap:24px; }
#destinataires .hero-item { display:grid; grid-template-columns:1fr; grid-template-rows:30px auto auto 1fr; gap:12px; }
#destinataires .hero-item__copy { display:contents; }
#destinataires .hero-item__title { grid-row:2; }
#destinataires .hero-item__note { grid-row:3; margin:0; }
#destinataires .hero-item p { grid-row:4; margin:0; max-width:none; }
#destinataires .hero-ico { margin:0; }
@supports(grid-template-rows:subgrid) {
 #destinataires .hero-item { grid-row:span 4; grid-template-rows:subgrid; }
}
@media(max-width:1023px) {
 #destinataires.hero-feats { padding:28px; }
 #destinataires .hero-list--panel,#destinataires > .hero-list { grid-template-columns:1fr; gap:28px; }
 #destinataires .hero-item { grid-row:auto; grid-template-rows:auto auto auto; grid-template-columns:30px minmax(0,1fr); column-gap:16px; row-gap:8px; }
 #destinataires .hero-ico { grid-column:1; grid-row:1; }
 #destinataires .hero-item__title { grid-column:2; grid-row:1; }
 #destinataires .hero-item__note { grid-column:2; grid-row:2; }
 #destinataires .hero-item p { grid-column:2; grid-row:3; }
}
@media(max-width:540px) { #destinataires.hero-feats { padding:24px 18px; } }

@media(min-width:1024px) {
 #destinataires .hero-list--panel { grid-template-rows:30px auto auto auto; row-gap:12px; }
 #destinataires > .hero-list { grid-template-rows:30px auto auto; row-gap:12px; }
 #destinataires > .hero-list .hero-item { grid-row:span 3; grid-template-rows:30px auto 1fr; }
 #destinataires > .hero-list .hero-item p { grid-row:3; }
 @supports(grid-template-rows:subgrid) { #destinataires > .hero-list .hero-item { grid-template-rows:subgrid; } }
}