/* ============================================================
   EVENTS PAGE — featured event card, event grid cards
   ============================================================ */

.event{background:var(--coal);border:1px solid var(--line);position:relative}
.event .badge{
  position:absolute;top:-1px;left:-1px;background:var(--violet);color:var(--ink);
  font-family:var(--ff-mono);font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  padding:.6em 1.1em;z-index:2;
}
.event .body{padding:1.6em}
.event h3{font-size:1.15rem}
.event .meta{display:flex;flex-wrap:wrap;gap:1.4em;margin-block:1em;font-family:var(--ff-mono);font-size:.75rem;color:var(--ash);letter-spacing:.04em}
.event .meta b{color:#fff;font-weight:500;display:block}
.event p{color:var(--ash);font-size:.95rem}

.event--feat .split{gap:0}

/* ============================================================
   EVENT REGISTRATION MODAL
   ============================================================ */

.ev-modal{
  position:fixed;inset:0;background:rgba(0,0,0,.75);
  display:flex;align-items:center;justify-content:center;
  z-index:1000;padding:1.5em;
}
.ev-modal[hidden]{display:none}

.ev-modal__box{
  background:var(--coal);border:1px solid var(--line);
  padding:2.2em;max-width:440px;width:100%;
  position:relative;max-height:90vh;overflow-y:auto;
}

.ev-modal__close{
  position:absolute;top:.6em;right:.8em;
  background:none;border:0;color:var(--ash);
  font-size:1.6rem;line-height:1;cursor:pointer;
  padding:.3em .5em;
}
.ev-modal__close:hover{color:#fff}

.ev-modal h3{font-size:1.05rem;font-weight:500;color:#fff}

.ev-modal label{
  display:block;margin-bottom:1.1em;
  font-family:var(--ff-mono);font-size:.72rem;
  color:var(--ash);letter-spacing:.06em;text-transform:uppercase;
}

.ev-modal .ev-optional{text-transform:none;letter-spacing:0;opacity:.6}

.ev-modal input,
.ev-modal select{
  display:block;width:100%;margin-top:.5em;
  padding:.7em .9em;background:#111;
  border:1px solid var(--line);color:#fff;
  font-family:var(--ff-sans, inherit);font-size:.9rem;
  border-radius:0;
}
.ev-modal input:focus,
.ev-modal select:focus{
  outline:none;border-color:var(--violet);
}

.ev-modal .ev-hint{
  margin-top:1em;font-size:.75rem;color:var(--ash);
  line-height:1.5;
}