.elementor-18329 .elementor-element.elementor-element-4ff6eeb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18329 .elementor-element.elementor-element-7d52576{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-7d52576 *//* ════════════════════════════════════════════════════════════════════
   VERITA HR — Events Archive (/events/)
   Full-width section + inner shell pattern (same as single event).
   ════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Khula:wght@300;400;600;700;800&display=swap');


/* ─── DESIGN TOKENS ─────────────────────────────────────────────── */
.vh-events {
  --paper:       #FAF8F3;
  --paper-soft:  #F4EFE5;
  --paper-white: #FFFFFF;
  --ink:         #0F1922;
  --ink-soft:    #2A3540;
  --text:        #1F2937;
  --text-soft:   #4B5563;
  --text-mute:   #9CA3AF;
  --rule:        #E8E2D4;
  --rule-soft:   #F0EBE0;
  --rule-strong: #D5CEBE;
  --brand:       #3699E7;
  --brand-dark:  #1E5DA8;
  --brand-light: #67B5F0;
  --brand-soft:  rgba(54,153,231,.08);
  --brand-glow:  rgba(54,153,231,.18);
  --green:       #27AE60;
  --green-soft:  rgba(39,174,96,.10);
  --amber:       #D97706;
  --amber-soft:  rgba(217,119,6,.10);
  --red:         #B12B1F;
  --red-soft:    rgba(177,43,31,.10);
  --font-display:'Fraunces', Georgia, serif;
  --font-body:   'Khula', system-ui, -apple-system, sans-serif;
  --shell:       1240px;
  --shell-pad:   32px;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --radius:      8px;
  --radius-lg:   16px;
  --shadow-card: 0 1px 0 rgba(15,25,34,.04), 0 8px 24px -8px rgba(15,25,34,.06), 0 24px 56px -16px rgba(30,93,168,.07);
  --shadow-hover:0 1px 0 rgba(15,25,34,.06), 0 14px 36px -10px rgba(15,25,34,.12), 0 32px 80px -16px rgba(30,93,168,.14);
  --ease:        cubic-bezier(.2, .7, .2, 1);

  display: block;
  font-family: var(--font-body);
  color: var(--text);
  background: var(--paper);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'kern' 1, 'liga' 1, 'cv11' 1;

  /* FULL WIDTH — span viewport even if parent Elementor section is boxed */
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
}

.vh-events *, .vh-events *::before, .vh-events *::after { box-sizing: border-box; }
.vh-events h1, .vh-events h2, .vh-events h3, .vh-events h4,
.vh-events p, .vh-events ul, .vh-events ol,
.vh-events dl, .vh-events dt, .vh-events dd { margin: 0; padding: 0; }
.vh-events ul, .vh-events ol { list-style: none; }
.vh-events a { color: inherit; text-decoration: none; }


/* ─── Elementor wrapper reset (kills 4–8px white bar) ───────────── */
.elementor-widget-html:has(.vh-events) > .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-element:has(> .elementor-widget-container > .vh-events) {
  padding: 0 !important;
}


/* ─── AMBIENT BACKGROUND ─────────────────────────────────────────
   Subtle brand-blue gradient mesh in the header area.            */
.vh-events__ambient {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 70%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 35% at 20% 15%, var(--brand-soft) 0%, transparent 65%),
    radial-gradient(ellipse 40% 25% at 80% 35%, rgba(30,93,168,.04) 0%, transparent 65%);
}


/* ─── INNER SHELL (constrains content while .vh-events is full-width) */
.vh-events .vh-shell {
  max-width: var(--shell);
  margin: 0 auto;
  padding: clamp(48px, 7vw, 96px) var(--shell-pad) clamp(72px, 10vw, 128px);
  position: relative;
  z-index: 1;
}


/* ═══════════════════════════════════════════════════════════════════
   HEADER — H1 + intro + breadcrumb
   ═══════════════════════════════════════════════════════════════════ */
.vh-events__header {
  margin-bottom: clamp(48px, 6vw, 72px);
  padding-bottom: clamp(40px, 5vw, 64px);
  border-bottom: 1px solid var(--rule);
}

.vh-events .vh-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text-mute);
  margin-bottom: clamp(40px, 5vw, 56px);
}
.vh-events .vh-breadcrumb a {
  color: var(--text-soft);
  transition: color .2s var(--ease);
}
.vh-events .vh-breadcrumb a:hover { color: var(--brand); }
.vh-events .vh-bc-sep { color: var(--text-mute); opacity: .55; }
.vh-events .vh-bc-current { color: var(--ink); }

.vh-events__eyebrow {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--brand-dark);
  margin: 0 0 var(--s-4);
  padding-left: 28px;
  position: relative;
}
.vh-events__eyebrow::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  width: 18px; height: 1.5px;
  background: var(--brand);
  transform: translateY(-50%);
}

.vh-events__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(40px, 6vw, 80px);
  font-variation-settings: 'opsz' 144, 'SOFT' 50;
  line-height: 1;
  letter-spacing: -.025em;
  color: var(--ink);
  /* Defensive override: some themes force `h1 { color: ... !important }` */
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink) 55%, var(--brand-dark) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin: 0 0 var(--s-5);
  text-wrap: balance;
  max-width: 18ch;
}

.vh-events__lead {
  font-family: var(--font-display);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(17px, 1.6vw, 21px);
  font-variation-settings: 'opsz' 32, 'SOFT' 100;
  line-height: 1.5;
  color: var(--text-soft);
  max-width: 60ch;
  text-wrap: pretty;
}


/* ═══════════════════════════════════════════════════════════════════
   FILTER BAR
   ═══════════════════════════════════════════════════════════════════ */
.vh-events__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-5) var(--s-7);
  padding: var(--s-5) 0 var(--s-6);
  margin-bottom: var(--s-7);
  border-bottom: 1px solid var(--rule);
  position: relative;
}

.vh-events__filter-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.vh-events__filter-label {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--text-mute);
  margin-right: 6px;
  white-space: nowrap;
}

.vh-events__filter-reset {
  margin-left: auto;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-soft);
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px dashed var(--rule-strong);
  transition: color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}
.vh-events__filter-reset:hover {
  color: var(--brand-dark);
  border-color: var(--brand);
  background: var(--brand-soft);
  border-style: solid;
}

.vh-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--text-soft);
  background: var(--paper-white);
  border: 1px solid var(--rule);
  padding: 8px 16px;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
  transition: color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.vh-filter-pill:hover {
  color: var(--brand-dark);
  border-color: var(--brand);
  background: var(--brand-soft);
  transform: translateY(-1px);
}
.vh-filter-pill--active {
  color: var(--paper-white);
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  border-color: transparent;
  box-shadow: 0 4px 14px -2px var(--brand-glow);
}
.vh-filter-pill--active:hover {
  color: var(--paper-white);
  background: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand-dark) 100%);
  border-color: transparent;
}


/* ═══════════════════════════════════════════════════════════════════
   GRID
   ═══════════════════════════════════════════════════════════════════ */
.vh-events__grid {
  display: grid;
  gap: var(--s-5);
}
.vh-events__grid--cols-1 { grid-template-columns: 1fr; }
.vh-events__grid--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vh-events__grid--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vh-events__grid--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }


/* ═══════════════════════════════════════════════════════════════════
   EVENT CARD
   ═══════════════════════════════════════════════════════════════════ */
.vh-event-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--paper-white);
  border: 1px solid var(--rule-soft);
  border-radius: var(--radius-lg);
  padding: 28px 28px 24px;
  box-shadow: var(--shadow-card);
  isolation: isolate;
  overflow: hidden;
  transition: transform .35s var(--ease), border-color .25s var(--ease), box-shadow .35s var(--ease);
  min-height: 280px;
}
.vh-event-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: radial-gradient(ellipse 80% 60% at 100% 0%, var(--brand-soft) 0%, transparent 60%);
  opacity: 0;
  transition: opacity .35s var(--ease);
  pointer-events: none;
}
.vh-event-card:hover {
  transform: translateY(-3px);
  border-color: rgba(54,153,231,.35);
  box-shadow: var(--shadow-hover);
}
.vh-event-card:hover::before { opacity: 1; }


/* ─── Date block inside card ─── */
.vh-event-card .vh-date-block { margin-bottom: var(--s-4); }
.vh-event-card .vh-date-month {
  display: block;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--brand-dark);
  margin-bottom: 6px;
  position: relative;
  padding-left: 24px;
}
.vh-event-card .vh-date-month::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  width: 16px; height: 1.5px;
  background: var(--brand);
  transform: translateY(-50%);
}
.vh-event-card .vh-date-day {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(48px, 5.4vw, 68px);
  font-variation-settings: 'opsz' 96, 'SOFT' 30;
  line-height: 1;
  letter-spacing: -.035em;
  color: var(--ink);
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink) 55%, var(--brand-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-feature-settings: 'tnum' 1, 'cv11' 1;
  padding-bottom: .04em;
}
.vh-event-card .vh-date-year { display: none; }
.vh-event-card .vh-date-day.vh-date-tba {
  font-style: italic;
  font-size: clamp(28px, 3.2vw, 40px);
  color: var(--amber);
  background: none;
  -webkit-text-fill-color: currentColor;
  font-weight: 300;
}


/* ─── Featured star badge ─── */
.vh-event-card__featured-mark {
  position: absolute;
  top: 20px; right: 20px;
  width: 28px; height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--paper-white);
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  border-radius: 50%;
  box-shadow: 0 4px 12px -2px var(--brand-glow);
  z-index: 2;
}
.vh-event-card--featured {
  border-color: rgba(54,153,231,.20);
  box-shadow: var(--shadow-card), 0 0 0 1px rgba(54,153,231,.06);
}


/* ─── Title ─── */
.vh-event-card__title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 22px;
  font-variation-settings: 'opsz' 36, 'SOFT' 30;
  line-height: 1.18;
  letter-spacing: -.015em;
  color: var(--ink);
  margin-bottom: 8px;
  text-wrap: balance;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* ─── Location ─── */
.vh-event-card__location {
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 400;
  color: var(--text-soft);
  margin-bottom: var(--s-4);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.vh-event-card__location::before {
  content: '';
  display: inline-block;
  width: 12px; height: 1.5px;
  background: var(--rule-strong);
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 1px;
}


/* ─── Pills row ─── */
.vh-event-card__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  padding-top: var(--s-4);
  border-top: 1px dashed var(--rule);
}


/* ─── Arrow indicator on hover ─── */
.vh-event-card__arrow {
  position: absolute;
  bottom: 22px;
  right: 24px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 18px;
  color: var(--brand);
  background: var(--paper-white);
  border: 1px solid var(--rule);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-4px, 0);
  transition: opacity .25s var(--ease), transform .35s var(--ease), background .25s var(--ease), color .2s var(--ease), border-color .25s var(--ease);
  pointer-events: none;
}
.vh-event-card:hover .vh-event-card__arrow {
  opacity: 1;
  transform: translate(0, 0);
  background: var(--brand);
  color: var(--paper-white);
  border-color: var(--brand);
}


/* ═══════════════════════════════════════════════════════════════════
   PILLS (status / mode)
   ═══════════════════════════════════════════════════════════════════ */
.vh-events .vh-status,
.vh-events .vh-mode {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
  background: var(--paper-white);
  border: 1px solid var(--rule);
  color: var(--text-soft);
}
.vh-events .vh-status-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
.vh-events .vh-status--upcoming  { color: var(--green);     background: var(--green-soft);  border-color: rgba(39,174,96,.20); }
.vh-events .vh-status--tba       { color: var(--amber);     background: var(--amber-soft);  border-color: rgba(217,119,6,.20); }
.vh-events .vh-status--cancelled { color: var(--red);       background: var(--red-soft);    border-color: rgba(177,43,31,.20); text-decoration: line-through; text-decoration-thickness: 1px; }
.vh-events .vh-status--past      { color: var(--text-mute); background: var(--rule-soft); }
.vh-events .vh-mode--onsite      { color: var(--ink);        background: var(--paper-soft); }
.vh-events .vh-mode--online      { color: var(--brand-dark); background: var(--brand-soft);  border-color: rgba(54,153,231,.22); }
.vh-events .vh-mode--hybrid      { color: var(--brand-dark); background: linear-gradient(135deg, var(--brand-soft) 0%, var(--paper-soft) 100%); border-color: rgba(54,153,231,.22); }


/* ═══════════════════════════════════════════════════════════════════
   PAGINATION
   ═══════════════════════════════════════════════════════════════════ */
.vh-events__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-5);
  margin-top: var(--s-9);
  padding-top: var(--s-6);
  border-top: 1px solid var(--rule);
}

.vh-pagination-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink);
  padding: 12px 20px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: var(--paper-white);
  transition: transform .2s var(--ease), border-color .2s var(--ease), box-shadow .25s var(--ease);
}
.vh-pagination-link:hover {
  transform: translateY(-1px);
  border-color: var(--brand);
  box-shadow: 0 4px 16px -4px var(--brand-glow);
  color: var(--brand-dark);
}
.vh-pagination-link__arrow {
  display: inline-block;
  color: var(--brand);
  font-size: 16px;
  line-height: 1;
  transition: transform .25s var(--ease);
}
.vh-pagination-link--prev:hover .vh-pagination-link__arrow { transform: translateX(-3px); }
.vh-pagination-link--next:hover .vh-pagination-link__arrow { transform: translateX(3px); }
.vh-pagination-link--disabled {
  opacity: .4;
  pointer-events: none;
  cursor: default;
}
.vh-pagination-info {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: var(--text-soft);
  font-variation-settings: 'opsz' 24, 'SOFT' 50;
}


/* ═══════════════════════════════════════════════════════════════════
   EMPTY STATE — proper card-style with centered, spaced content
   ═══════════════════════════════════════════════════════════════════ */
.vh-events__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(72px, 10vw, 112px) clamp(32px, 5vw, 56px);
  border: 1px solid var(--rule-soft);
  border-radius: var(--radius-lg);
  background: var(--paper-white);
  max-width: 640px;
  margin: var(--s-6) auto 0;
  box-shadow: var(--shadow-card);
}

.vh-events__empty-mark {
  width: 40px;
  height: 1.5px;
  background: linear-gradient(90deg, var(--brand), var(--brand-dark));
  border-radius: 1px;
  margin-bottom: var(--s-5);
}

.vh-events__empty-eyebrow {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(24px, 2.6vw, 30px);
  font-variation-settings: 'opsz' 48, 'SOFT' 80;
  color: var(--ink);
  letter-spacing: -.015em;
  line-height: 1.2;
  margin: 0 0 var(--s-4);              /* 16px below */
  text-wrap: balance;
  max-width: 24ch;
}

.vh-events__empty-lead {
  font-family: var(--font-body);
  font-size: 15.5px;
  color: var(--text-soft);
  margin: 0 0 var(--s-7);              /* 48px below — proper breathing room before button */
  max-width: 48ch;
  line-height: 1.65;
  text-wrap: pretty;
}

.vh-events__empty .vh-btn,
.vh-events__empty .vh-btn--primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  padding: 14px 28px;
  border-radius: 100px;
  border: 1px solid transparent;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  color: var(--paper-white) !important;     /* defeat theme overrides */
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,
              0 4px 12px -2px var(--brand-glow),
              0 12px 32px -8px rgba(30,93,168,.35);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.vh-events__empty .vh-btn:hover { transform: translateY(-1px); }
.vh-events__empty .vh-arrow {
  display: inline-block;
  transition: transform .25s var(--ease);
  color: var(--paper-white) !important;
}
.vh-events__empty .vh-btn:hover .vh-arrow { transform: translateX(3px); }


/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .vh-events__grid--cols-3,
  .vh-events__grid--cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vh-event-card .vh-date-day { font-size: clamp(48px, 7vw, 64px); }
}

@media (max-width: 720px) {
  .vh-events { --shell-pad: 22px; }
  .vh-events__header { padding-bottom: 32px; margin-bottom: 32px; }
  .vh-events .vh-breadcrumb { margin-bottom: 28px; font-size: 11px; }
  .vh-events__title { font-size: clamp(36px, 9vw, 56px); }
  .vh-events__filters {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s-4);
    padding: var(--s-4) 0 var(--s-5);
  }
  .vh-events__filter-reset { margin-left: 0; }
  .vh-events__grid,
  .vh-events__grid--cols-2,
  .vh-events__grid--cols-3,
  .vh-events__grid--cols-4 { grid-template-columns: 1fr; }
  .vh-event-card { padding: 24px 22px 22px; min-height: 0; }
  .vh-event-card .vh-date-day { font-size: 60px; }
  .vh-event-card__arrow { opacity: 1; transform: none; }
  .vh-events__pagination { flex-direction: column; gap: var(--s-3); }
  .vh-events__empty { padding: 56px 28px; }
  .vh-events__empty-eyebrow { font-size: 22px; }
}


/* ═══════════════════════════════════════════════════════════════════
   MOTION
   ═══════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: no-preference) {
  .vh-events__grid > .vh-event-card {
    animation: vh-card-rise .5s var(--ease) both;
  }
  .vh-events__grid > .vh-event-card:nth-child(1) { animation-delay: .04s; }
  .vh-events__grid > .vh-event-card:nth-child(2) { animation-delay: .08s; }
  .vh-events__grid > .vh-event-card:nth-child(3) { animation-delay: .12s; }
  .vh-events__grid > .vh-event-card:nth-child(4) { animation-delay: .16s; }
  .vh-events__grid > .vh-event-card:nth-child(5) { animation-delay: .20s; }
  .vh-events__grid > .vh-event-card:nth-child(6) { animation-delay: .24s; }
  .vh-events__grid > .vh-event-card:nth-child(7) { animation-delay: .28s; }
  .vh-events__grid > .vh-event-card:nth-child(8) { animation-delay: .32s; }
  .vh-events__grid > .vh-event-card:nth-child(9) { animation-delay: .36s; }
}
@keyframes vh-card-rise {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .vh-events * { animation: none !important; transition-duration: .01ms !important; }
}/* End custom CSS */