/* ══════════════════════════════════════════════════════════════════════════
   v3.40 — EXPERIENCES PAGE CARDS ARE NOW INDEPENDENT FROM THE HOME PAGE CARDS
   Previously this file forced the Experiences-page "Collection" grid
   (.hl-xp-card) to visually match the home page's Experiences preview cards
   (.hl-exp-card), because both sections were fed by the same image/desc
   data. As of this update the two sections have separate content sources
   (see inc/settings-schema.php: "experiences" for the homepage vs.
   "experiences_detail" for the Experiences page), so the Experiences page
   keeps its own distinct look: a landscape photo, a white body, the full
   description, and — when a card has extra photos — a small gallery strip
   for extra detail/SEO value. Base layout lives in refinements-v328.css;
   this file only adds the gallery strip.
═══════════════════════════════════════════════════════════════════════════ */

.hl-xp-card__gallery {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 4px;
  height: 5.5rem;
  overflow: hidden;
}
.hl-xp-card__gallery-item {
  overflow: hidden;
  background: var(--hl-bg, #f4efe6);
}
.hl-xp-card__gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.1s cubic-bezier(.22,1,.36,1);
}
.hl-xp-card:hover .hl-xp-card__gallery-item img { transform: scale(1.06); }

@media (max-width: 640px) {
  .hl-xp-card__gallery { height: 4.5rem; }
}