.experience-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.experience-grid article { display: flex; flex-direction: column; }
.experience-grid article.featured { grid-column: span 2; display: grid; grid-template-columns: 1fr 1fr; }
.experience-grid article.featured img { height: 100%; min-height: 300px; aspect-ratio: auto; }
.experience-grid article.featured div { align-self: center; padding: 38px; }
.experience-grid article.client-wordmark img {
  object-fit: contain;
  background: #dfe4e4;
  padding: 14px;
}
.experience-grid article.client-wordmark:not(.featured) img { background: #281b12; }
.experience-grid article.jmmb-logo img { background: #050505; }
.experience-grid article.sagicor-logo img { background: #fff; }
.experience-grid .nda-image {
  display: grid;
  min-height: 245px;
  place-items: center;
  padding: 30px;
  background: linear-gradient(135deg, #06274d, #0d5c84);
  color: #d8e747;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
}
.experience-grid article.archive-visual .nda-image { background: linear-gradient(135deg, #17395b, #30556c); }
.experience-divider { padding: 54px 0 24px; border-top: 1px solid var(--line); margin-top: 52px; }
.experience-divider--first { border-top: 0; margin-top: 0; }
.experience-divider h2 { max-width: 620px; margin-bottom: 12px; font-size: clamp(32px, 3.7vw, 48px); letter-spacing: -.04em; line-height: 1.08; }
.experience-divider p { max-width: 690px; margin-bottom: 0; color: var(--muted); font-size: 18px; }
.experience-grid--secondary { padding-bottom: 0; }
.experience-grid--last { padding-bottom: 68px; }
.experience-tag { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.experience-period { display: inline-block; margin-left: 10px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.experience-grid h2 { margin-top: 16px; }
.experience-grid p { margin-bottom: 0; }
@media (max-width: 900px) {
  .experience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .experience-grid article.featured { grid-column: span 2; }
}
@media (max-width: 680px) {
  .experience-grid { grid-template-columns: 1fr; }
  .experience-grid article.featured { grid-column: auto; display: flex; }
  .experience-grid article.featured img { height: auto; min-height: 0; aspect-ratio: 1.5; }
  .experience-grid article.featured div { padding: 23px; }
}