/* Events: три справочные карточки. */
.events-section { padding-block:var(--section-y); }
.events-aside { display:grid; gap:12px; justify-items:start; max-width:28em; }
.section-subtitle { font:italic 400 var(--fs-h4)/1.3 var(--serif); color:var(--text-soft); }
.events-note { display:flex; align-items:center; gap:.6em; font-size:var(--fs-small); color:var(--muted); }
.events-note .ui-icon { width:1.3em; height:1.3em; color:var(--gold); }
@media (max-width:760px) { .events-aside { justify-items:start; text-align:left; } }

.event-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:var(--gap); margin-top:clamp(32px,3vw,72px); }
.event-card { --event:#e7bb75; --c:clamp(14px,1.2vw,24px); --face:linear-gradient(170deg,color-mix(in srgb,var(--event) 13%,var(--ink-3)) 0%,var(--ink-2) 62%); --edge-c:color-mix(in srgb,var(--event) 40%,transparent);
  --edge-top:linear-gradient(90deg,transparent 15%,var(--event) 50%,transparent 85%);
  display:flex; flex-direction:column; gap:clamp(10px,.8vw,18px); padding:clamp(24px,2vw,52px); overflow:hidden; transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid); }
.event-card[data-event-card="mine"] { --event:#86cbbb; }
.event-card[data-event-card="descada"] { --event:#c69ce9; }
/* A faint view of the world behind the crest, tinted by the event colour. */
.event-card::after { content:''; position:absolute; inset:0; z-index:-1; background:url('../assets/asteria-world-960.webp') 50% 30%/cover; opacity:.1; -webkit-mask:linear-gradient(180deg,#000,transparent 55%); mask:linear-gradient(180deg,#000,transparent 55%); pointer-events:none; }
.event-card[data-event-card="bent"]::after { background-position:62% 20%; }
.event-card[data-event-card="descada"]::after { background-image:url('../assets/asteria-hero-1280.webp'); background-position:30% 60%; }
.event-card:hover { transform:translateY(-4px); box-shadow:0 24px 60px #0007,0 0 0 1px color-mix(in srgb,var(--event) 30%,transparent); }
.event-topline { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:6px; }
.event-crest { position:relative; display:grid; place-items:center; width:clamp(60px,1.6vw + 40px,96px); aspect-ratio:1; color:var(--event); }
.event-crest::before { content:''; position:absolute; inset:10%; border:1px solid currentColor; opacity:.45; rotate:45deg; }
.event-crest::after { content:''; position:absolute; inset:-4%; border:1px dashed currentColor; border-radius:50%; opacity:.22; }
.event-crest .ui-icon { width:clamp(30px,.8vw + 20px,50px); height:auto; }
.event-card:hover .event-crest::before { rotate:135deg; transition:rotate .9s var(--ease); }
.event-badge { display:flex; align-items:center; gap:.6em; font:600 var(--fs-micro)/1 var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--event); }
.event-card h3 { font-size:var(--fs-h3); }
.event-location { display:flex; align-items:center; gap:.5em; color:var(--text-soft); font-weight:500; }
.event-location .ui-icon { width:1.2em; height:1.2em; color:var(--event); }
.event-description { color:var(--muted); }

.event-pending { margin-top:auto; padding-top:16px; border-top:1px solid var(--line); font:italic 400 var(--fs-h4)/1.2 var(--serif); color:#c5dbcf; }
.event-card .text-link { margin-top:6px; color:var(--event); }
.event-card .text-link:hover { color:var(--gold-bright); }