/* SASA Packaging - Exhibitions page (/events.html). Only loaded by that page.
   Layout: slim breadcrumb, then one block per event: big title + date right under the navbar, then the picture/video grid.
   The grid itself lives in sasa-events-gallery.css. */
.evx-page { padding-top: clamp(14px, 2.4vw, 28px); padding-bottom: clamp(40px, 6vw, 80px); }
.evx-crumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 clamp(14px, 2vw, 22px); font-size: .85rem; color: var(--sx-muted, #667569); }
.evx-crumb a { color: inherit; }
.evx-crumb a:hover { text-decoration: underline; }

.evx { scroll-margin-top: 90px; }
.evx + .evx { margin-top: clamp(44px, 6vw, 84px); padding-top: clamp(36px, 5vw, 64px); border-top: 1px solid rgba(43, 63, 47, .14); }

.evx-head { max-width: 880px; margin-bottom: clamp(18px, 2.6vw, 30px); }
.evx-title { margin: 0 0 14px; font-family: var(--sxi-display, var(--sx-font-head, inherit)); font-size: clamp(2rem, 4.6vw, 3.6rem); line-height: 1.08; color: var(--sx-ink, #1f2d22); overflow-wrap: anywhere; }
.evx-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 14px; font-size: .95rem; color: var(--sx-muted, #667569); }
.evx-chip { padding: 5px 14px; border-radius: 999px; background: #f6e2e9; color: var(--sx-ink, #1f2d22); font-weight: 700; font-size: .85rem; }
.evx-place::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 2px; border-radius: 50%; background: var(--sx-sage-deep, #84a282); }
.evx-sum { margin: 0; line-height: 1.7; font-size: 1.05rem; }
.evx-prose { max-width: 880px; margin-bottom: 20px; }

.evx-video { position: relative; max-width: 880px; margin: 0 0 20px; border-radius: 18px; overflow: hidden; background: #000; aspect-ratio: 16 / 9; }
.evx-video iframe, .evx-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.evx .evm { margin-top: 6px; }
.evx--empty { padding: 40px 0; }