/* Evergreen introductions to TaToSalsa socials and workshops. */
.event-series-page .interior-hero { min-height: 580px; padding-bottom: 112px; }
.event-series-page .interior-hero p { margin-bottom: 0; }
.event-series-body { padding-bottom: clamp(64px,7vw,104px); }
.event-story { position: relative; z-index: 1; margin-top: -48px; padding: clamp(28px,4vw,56px); border-radius: 32px; background: var(--color-surface-light); color: var(--color-text-dark); box-shadow: 0 20px 60px #4b010126; }
.event-story-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(32px,5vw,72px); align-items: center; }
.event-story-photo { min-width: 0; margin: 0; }
.event-story-photo img { display: block; width: 100%; height: auto; border-radius: 20px; }
.event-story-copy { min-width: 0; }
.event-story-label { margin-bottom: 16px; color: var(--color-primary-dark); font-size: 1rem; font-weight: 700; }
.event-story h2 { max-width: 17ch; margin-bottom: 24px; font-size: clamp(2.7rem,4vw,4rem); line-height: 1.05; text-wrap: balance; }
.event-story-copy > p:not(.event-story-label) { margin-bottom: 20px; font-size: 1.125rem; line-height: 1.7; }
.event-series-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--color-line); }
.event-series-facts dt { margin-bottom: 6px; font-size: 1rem; font-weight: 700; }
.event-series-facts dd { margin: 0; font-size: 1rem; line-height: 1.6; }
.event-series-next { display: flex; justify-content: space-between; align-items: center; gap: 28px 40px; margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--color-line); }
.event-series-next h3 { margin-bottom: 8px; font-size: 1.375rem; line-height: 1.3; }
.event-series-next p { max-width: 52ch; font-size: 1rem; line-height: 1.6; }
.event-series-actions { display: flex; flex-wrap: wrap; gap: 12px; flex-shrink: 0; }
.event-series-calendar { border-color: var(--color-control-border); background: #fff; color: var(--color-text-dark); }
.event-series-calendar:hover { border-color: var(--color-primary); background: var(--color-surface-tint); color: var(--color-primary-dark); }
@media (max-width: 1100px) {
  .event-story-layout { gap: 32px; }
  .event-series-next { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 760px) {
  .event-series-page .interior-hero { min-height: 520px; padding-bottom: 96px; }
  .event-story { margin-top: -32px; padding: 24px; border-radius: 24px; }
  .event-story-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .event-story-photo { max-width: 420px; margin-inline: auto; }
  .event-story-photo img { border-radius: 16px; }
  .event-series-facts { gap: 20px; }
  .event-series-actions { width: 100%; flex-direction: column; }
  .event-series-actions .interior-action { width: 100%; justify-content: space-between; gap: 16px; }
}
@media (max-width: 380px) {
  .event-series-facts { grid-template-columns: minmax(0,1fr); }
}