
<style>
  /* Filters */
  .hs-events__filters{display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:1rem}
  .hs-events__filters input{padding:.55rem .8rem;border:1px solid #d7dadd;border-radius:10px}
  .hs-events__filters button{padding:.55rem 1rem;border:0;border-radius:10px;background:#00577d;color:#fff;cursor:pointer;transition:filter .15s ease}
  .hs-events__filters button:hover{filter:brightness(.95)}

  /* Grid — max 3 columns, responsive */
  .events-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}
  @media (max-width:1024px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:640px){.events-grid{grid-template-columns:1fr}}

  /* Card: equal heights + aligned CTA */
  .event-card{background:#fff;border:1px solid #e8eaec;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .2s ease, transform .2s ease;height:100%}
  .event-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}

  /* 1:1 media */
  .event-card__media{position:relative;width:100%}
  .event-card__media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}

  /* Body: stretch to fill, push CTA down */
  .event-card__body{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto}
  .event-card__title{margin:0 0 .1rem;font-size:1.1rem;line-height:1.25;color:#0f1b2a}
  .event-card__badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:.1rem 0 .25rem}
  .event-card__desc{color:#333;font-size:.95rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:4.2em}
  .event-card__cta{margin-top:auto}

  /* Badges (brand-leaning) */
  .badge{display:inline-block;font-size:.75rem;line-height:1;padding:.33rem .55rem;border-radius:999px;border:1px solid #dfe7ef;background:#f5f9fd;color:#0f1b2a}
  .badge--type{background:#eef6ea;border-color:#cfe8b6}
  .badge--tag{background:#fff3e8;border-color:#ffd9b8}

  /* CTA button: Indigo dark blue, less rounded */
  .btn{display:inline-block;text-decoration:none}
  .btn--indigo{padding:.6rem 1rem;background:#00577d;color:#fff;border-radius:10px;font-weight:600;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:background-color .15s ease, transform .02s ease}
  .btn--indigo:hover{background:#004a68}
  .btn--indigo:active{transform:translateY(1px)}
  .btn--indigo:focus{outline:2px solid #579dd5;outline-offset:2px}

  /* Optional Masonry (will NOT align CTAs). To enable, replace data-layout value with "masonry" and include this block.) */
  [data-layout="masonry"].events-grid{column-count:3;column-gap:1.25rem}
  @media (max-width:1024px){[data-layout="masonry"].events-grid{column-count:2}}
  @media (max-width:640px){[data-layout="masonry"].events-grid{column-count:1}}
  [data-layout="masonry"].events-grid>.event-card{break-inside:avoid;display:inline-block;width:100%}

  .events-empty{color:#555}
</style>