/* Keep experience and client proof within a compact, continuous reading area. */
.experience.section {
  padding-top:40px;
  padding-bottom:24px;
  grid-template-columns:48px minmax(0,1fr) minmax(240px,300px);
  gap:30px;
  align-items:start;
}
.experience .eyebrow { margin-bottom:14px; }
.experience h2 { font-size:clamp(30px,3vw,42px); line-height:1.12; }
.experience-main > p:not(.eyebrow) { font-size:15px; line-height:1.6; margin:18px 0 0; }
.experience .numbers-note { padding:24px; }
.experience .metric-note strong { font-size:46px; }
.experience .numbers-note p { font-size:14px; line-height:1.5; margin:14px 0; }
.experience .numbers-note small { display:block; font-size:12px; line-height:1.5; }
.experience + .clients { padding-top:22px; padding-bottom:26px; }
.experience + .clients .client-marquee { margin-top:16px; padding-top:4px; padding-bottom:4px; }
@media (max-width:1000px) {
  .experience.section { grid-template-columns:32px minmax(0,1fr); gap:22px; padding-top:32px; }
  .experience .numbers-note { grid-column:2; }
}
@media (max-width:720px) {
  .experience.section { grid-template-columns:minmax(0,1fr); gap:20px; padding-top:28px; padding-bottom:20px; }
  .experience .numbers-note { grid-column:1; padding:20px; }
  .experience h2 { font-size:30px; }
  .experience-main > p:not(.eyebrow) { font-size:14px; margin-top:14px; }
  .experience + .clients { padding-top:20px; padding-bottom:24px; }
}