.hen-event {
  display: grid;
  grid-template-columns: minmax(290px, .72fr) 1.28fr;
  gap: clamp(42px, 7vw, 105px);
  align-items: center;
  background: #fff;
  margin-top: 90px;
}

.hen-event-poster {
  position: relative;
  max-width: 560px;
  justify-self: center;
}

.hen-event-poster::before {
  content: "";
  position: absolute;
  inset: 20px -20px -20px 20px;
  border-radius: 28px;
  background: var(--sun);
}

.hen-event-poster img {
  position: relative;
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 28px 70px rgba(3, 58, 66, .18);
}

.hen-event-content { max-width: 760px; }

.hen-event-date {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  color: var(--petrol);
}

.hen-event-date span {
  font-size: .8rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.hen-event-date strong {
  font-family: Georgia, serif;
  font-size: clamp(1.55rem, 3vw, 2.55rem);
  line-height: 1;
}

.hen-event-date em {
  font-style: normal;
  font-weight: 900;
  color: #718500;
}

.hen-event h2 {
  font-size: clamp(2.8rem, 5vw, 5.2rem);
  font-weight: 500;
  margin: 0 0 28px;
}

.hen-event h2 em { font-style: italic; color: #789300; }
.hen-event-content > p:not(.section-kicker):not(.hen-event-frequency) { font-size: 1.08rem; color: var(--muted); max-width: 670px; }

.hen-event-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  padding: 0;
  margin: 32px 0;
  border-top: 1px solid #dfe5df;
  border-bottom: 1px solid #dfe5df;
}

.hen-event-facts li { padding: 18px 14px 18px 0; }
.hen-event-facts li + li { padding-left: 18px; border-left: 1px solid #dfe5df; }
.hen-event-facts span { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; color: #718500; }
.hen-event-facts strong { display: block; margin-top: 3px; color: var(--petrol-dark); }
.hen-event-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.hen-event-phone { font-weight: 900; border-bottom: 2px solid var(--sun); }
.hen-event-frequency { margin: 24px 0 0; font-size: .9rem; color: var(--muted); }

@media (max-width: 980px) {
  .hen-event { grid-template-columns: .8fr 1.2fr; gap: 50px; }
  .hen-event-facts { grid-template-columns: 1fr; }
  .hen-event-facts li + li { padding-left: 0; border-left: 0; border-top: 1px solid #dfe5df; }
}

@media (max-width: 650px) {
  .hen-event { display: flex; flex-direction: column-reverse; margin-top: 60px; gap: 42px; }
  .hen-event-poster { width: min(100%, 430px); }
  .hen-event h2 { font-size: 2.75rem; }
  .hen-event-facts { margin: 26px 0; }
  .hen-event-actions { align-items: flex-start; flex-direction: column; gap: 14px; }
}
