/* ==========================================================
   Events pages (listing + individual event detail pages)
   Relies on design tokens, .container, .btn, .btn--solid,
   .chip, .eyebrow, .promo-banner, .reveal defined in
   /assets/css/style.css — only page-specific layout lives here.
   ========================================================== */

.event-header{
  position:relative; z-index:5; background:var(--paper);
  border-bottom:1px solid var(--line);
}
.event-header .container{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 24px;
}
.event-header .logo img{ height:44px; width:auto; display:block; }
.event-header .back-link{
  font-size:12px; letter-spacing:0.08em; text-transform:uppercase; font-weight:700;
  color:var(--ink); border:1px solid var(--line); border-radius:999px; padding:10px 20px;
  transition:border-color .3s ease, background .3s ease;
}
.event-header .back-link:hover{ border-color:var(--wood); background:var(--sand); }

.event-banner{ max-width:1100px; margin:0 auto; }

.event-body{
  max-width:760px; margin:0 auto; padding:56px 24px 72px;
}
.event-body h1{ margin-top:10px; font-size:clamp(28px,5vw,42px); }
.event-meta{ margin-top:10px; color:var(--ink-soft); font-size:14px; }
.event-chips{ margin-top:18px; }
.event-desc{ margin-top:28px; line-height:1.9; font-size:15px; }
.event-cta{ margin-top:32px; }

.events-list-grid{
  display:grid; gap:24px; padding:8px 0 64px;
}
@media (min-width:720px){ .events-list-grid{ grid-template-columns:repeat(2,1fr); } }
.event-list-card{
  display:block; border:1px solid var(--line); border-radius:4px; overflow:hidden;
  background:var(--paper); text-decoration:none; color:inherit;
  transition:transform .3s ease, box-shadow .3s ease;
}
.event-list-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(34,39,31,0.12); }
.event-list-card img{ width:100%; height:auto; display:block; }
.event-list-card .body{ padding:22px 24px 26px; }
.event-list-card h3{ margin-top:6px; font-size:19px; }
.event-list-card .meta{ margin-top:6px; font-size:13px; color:var(--ink-soft); }

.event-footer{
  border-top:1px solid var(--line); background:var(--paper);
}
.event-footer .container{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  padding:28px 24px;
}
.event-footer .copyright{ font-size:13px; color:var(--ink-soft); }