.section-experience-hero {
  padding-top: var(--space-32);
}
.experience-hero-layout {
  position: relative;
}
.experience-hero-image {
  min-height: 320px;
}
.experience-hero-meta {
  margin-top: var(--space-6);
  display: grid;
  gap: var(--space-2);
}
.experience-grid {
  align-items: flex-start;
}
.experience-image-card {
  padding: var(--space-8);
}
.experience-side-card {
  align-self: stretch;
}
.experience-cta-row {
  flex-direction: column;
  gap: var(--space-10);
}
.experience-location-grid {
  gap: var(--space-12);
}
@media (min-width: 768px) {
  .experience-cta-row {
    flex-direction: row;
    align-items: center;
  }
}