/* Experience line added to the original homepage layout. */
.hero .experience { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; margin: 0 0 1.5rem; font-size: .85rem; color: #deebfc; }
.hero .experience strong { color: #fff; font-weight: 600; }
@media (max-width: 40rem) {
  .hero .experience { font-size: .8rem; gap: .5rem 1rem; }
}

/* The lead under the title: a size down from style.css and greyer, the way
   the old sub-line read (Kevin, 2026-09-11). */
.hero .lead { font-size: .9rem; color: rgba(255, 255, 255, 0.6); }
@media (min-width: 48rem) { .hero .lead { font-size: 1rem; } }