.events { padding: 16px; }
.events-hero {
  position: relative; display: grid; gap: 16px; grid-template-columns: 2fr 1fr;
  align-items: stretch; margin-bottom: 22px;
}
@media (max-width: 900px){ .events-hero { grid-template-columns: 1fr; } }

.events-hero__img { position:relative; overflow:hidden; border-radius:16px; background:#111; }
.events-hero__img img { width:100%; height:100%; object-fit:cover; aspect-ratio: 16/9; display:block; transform:scale(1.02); transition: transform .6s ease; }
.events-hero__img:hover img { transform:scale(1.06); }
.events-hero__placeholder { height:100%; aspect-ratio: 16/9; display:grid; place-items:center; color:#777; }

.events-hero__meta { padding: 8px 4px; display:flex; flex-direction:column; gap:8px; }
.events-hero__title { font-size:clamp(22px, 3vw, 36px); margin:0; }
.events-hero__line { color:#bbb; display:flex; gap:8px; flex-wrap:wrap; justify-content: center;}
.events-hero__dot { opacity:.5; }
.events-hero__actions { display:flex; gap:8px; flex-wrap:wrap; }

.events-filter { position:sticky; top:0; z-index:5; padding:10px; margin:-6px -6px 10px; background:rgba(0,0,0,.35); backdrop-filter: blur(6px); border:1px solid #333; border-radius:12px; }
.events-filter form { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.events-filter__select { background:#111; color:#eee; border:1px solid #333; padding:8px 10px; border-radius:10px; }
.events-filter__checkbox { display:flex; align-items:center; gap:8px; color:#ddd; }

.events-list { display:grid; gap:14px; grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 900px){ .events-list { grid-template-columns: 1fr; } }

.evt-card { display:grid; grid-template-columns: 1fr 1.2fr; gap:12px; border:1px solid #333; border-radius:16px; overflow:hidden; background:#0f0f0f; box-shadow: 0 10px 30px rgba(0,0,0,.25); transform: translateY(6px); opacity:0; transition: opacity .5s ease, transform .5s ease; }
.evt-card.is-in { opacity:1; transform: translateY(0); }

.evt-card__media { position:relative; background:#111; }
.evt-card__media img { width:100%; height:100%; object-fit:cover; aspect-ratio: 16/10; display:block; }
.evt-card__placeholder { height:100%; aspect-ratio:16/10; display:grid; place-items:center; color:#777; }
.evt-card__badge {
  position:absolute; top:10px; left:10px; padding:6px 10px; background:#3b2c12; color:#ffd99e;
  border:1px solid #77521b; border-radius:999px; font-size:12px; letter-spacing:.4px;
}

.evt-card__body { padding:12px; display:flex; flex-direction:column; gap:8px; }
.evt-card__title { margin:0; font-size:20px; }
.evt-card__meta { color:#bbb; display:flex; gap:8px; flex-wrap:wrap; }
.evt-card__actions { display:flex; gap:8px; margin-top:auto; flex-wrap:wrap; }

.btn { display:inline-block; padding:10px 14px; background:#fff; color:#000; border-radius:10px; text-decoration:none; font-weight:700; }
.btn.ghost { background:transparent; color:#fff; border:1px solid #444; }
.btn.sm { padding:8px 12px; font-size:14px; }
.sep { opacity:.5; }
.muted { color:#aaa; }