/* Implement the social story and photo-first update card mockups. */
#event-story .event-brand-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: .8125rem; color: #786357; }
#event-story .event-brand-heading { margin-bottom: 26px; }
#event-story .event-brand-heading h1 { margin: 15px 0 12px; font-size: clamp(2rem, 4.2vw, 2.875rem); line-height: 1.13; }
#event-story .event-brand-heading > p { margin: 0; font-size: 1rem; line-height: 1.6; color: #806b5b; }
#event-story.event-brand-story > img.event-story-cover { border-radius: 22px; margin-bottom: 0; }
#event-story .event-brand-content { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 40px; margin: 32px 0; }
#event-story .event-brand-content .event-story-body { margin: 0; max-width: none; min-width: 0; }
#event-story .event-brand-content h2 { margin: 0 0 14px; font-size: 1.4375rem; line-height: 1.3; letter-spacing: -.025em; }
#event-story .event-brand-content .event-story-body p { font-size: .9375rem; line-height: 1.85; margin-bottom: 16px; }
#event-story .event-follow-card { align-self: start; padding: 23px; border-radius: 20px; background: #f1efdf; min-width: 0; }
#event-story .event-follow-card h3 { margin: 0 0 8px; font-size: 1.1875rem; line-height: 1.3; letter-spacing: -.025em; }
#event-story .event-follow-card p { margin: 0 0 20px; font-size: .875rem; line-height: 1.6; color: #806b5b; }
#event-story .event-follow-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#event-story .event-follow-actions a { flex: 1; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 8px 10px; background: #fcfaef; border: 1px solid #dfd6c4; border-radius: 14px; font-size: .8125rem; font-weight: 700; }
#event-story .event-follow-actions svg { width: 20px; height: 20px; flex-shrink: 0; }
#event-story .event-follow-actions a:hover { background: #f9dfc2; }
#event-story .event-brand-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #e5dfd1; padding-top: 20px; background: transparent; color: #8b7768; font-size: .75rem; }
#event-story .event-brand-footer a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; font-weight: 700; color: #695244; }
#events .event-update-card { max-width: 940px; margin-inline: auto; background: #fffdf5; border-radius: 24px; }
#events .event-update-card .event-banner-media { width: 100%; background: #fcfaef; }
#events .event-update-details { padding: 27px 30px; }
#events .event-update-details > .event-status { margin-bottom: 12px; background: #f7dfc4; color: #694a33; font-size: .75rem; letter-spacing: 0; }
#events .event-update-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
#events .event-update-copy { min-width: 0; flex: 1; }
#events .event-update-card h3 { font-size: clamp(1.6rem, 2.6vw, 1.875rem); line-height: 1.2; margin: 0 0 10px; min-block-size: 0; }
#events .event-update-card .event-update-copy > p { display: block; min-height: 0; min-block-size: 0; font-size: .9375rem; line-height: 1.7; margin: 0; color: #806b5b; }
#events .event-update-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
#events .event-update-actions .event-social-links { margin: 0; gap: 9px; }
#events .event-update-actions .pill { margin: 0; min-height: 46px; padding: 11px 20px; font-size: .875rem; }
@media (max-width: 760px) {
  #event-story .event-brand-content { grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 26px 0; }
  #event-story .event-follow-card { padding: 22px; }
  #events .event-update-row { flex-direction: column; align-items: stretch; gap: 20px; }
  #events .event-update-details { padding: 22px; }
  #events .event-update-actions { width: 100%; flex-wrap: wrap; }
  #events .event-update-actions .pill { margin-left: auto; }
}