.events-section{position:relative;z-index:1;padding:90px 0;background:var(--bg-soft);border-top:1px solid var(--line)}.events-section h2{font-family:var(--font-display);font-size:clamp(26px,3.2vw,44px);line-height:1.05;text-transform:uppercase;margin:14px 0 12px}.events-section h2 .highlight{color:var(--accent);display:block}.events-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.events-showcase{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;margin-top:44px;align-items:start}.events-stage{position:relative;border:1px solid var(--line);background:var(--bg);overflow:hidden}.event-slide{display:none}.event-slide.is-active{display:block;animation:event-fade .4s ease-out}.event-slide-banner{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0a0b0e}.event-slide-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}.event-slide-banner:hover img{transform:scale(1.03)}.event-slide-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#16171c,#0a0b0e)}.event-slide-body{padding:24px 26px 28px}.event-slide-body h3{font-family:var(--font-display);font-size:clamp(20px,2.2vw,30px);line-height:1.15;text-transform:uppercase;margin:12px 0 10px}.event-slide-body h3 a{color:var(--ink);transition:color .2s}.event-slide-body h3 a:hover{color:var(--accent)}.event-excerpt{margin:0 0 18px;font-size:14px;line-height:1.65;color:var(--ink-dim);max-width:60ch}.event-cta{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid transparent;transition:border-color .2s}.event-cta:hover{border-bottom-color:var(--accent)}.event-meta{display:flex;align-items:center;gap:8px}.event-status{padding:3px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-dim)}.event-status.is-live{background:var(--accent);border-color:var(--accent);color:#161616}.event-status.is-upcoming{border-color:#ffcc2e80;color:var(--accent)}.event-category{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.event-dates{margin:0 0 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}.events-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;align-self:stretch;background:var(--line);border:1px solid var(--line)}.events-list li{flex:1;min-height:84px}.events-list li.is-hidden{display:none}.event-thumb{width:100%;height:100%;display:flex;align-items:center;gap:14px;padding:14px;text-align:left;background:var(--bg);border:none;border-left:2px solid transparent;transition:background .2s,border-color .2s}.event-thumb:hover{background:#ffcc2e0f}.event-thumb.is-active{background:#ffcc2e1a;border-left-color:var(--accent)}.event-thumb-art{flex:none;width:84px;aspect-ratio:16 / 10;overflow:hidden;background:#0a0b0e}.event-thumb-art img{width:100%;height:100%;object-fit:cover}.event-thumb-text{display:flex;flex-direction:column;gap:5px;min-width:0}.event-thumb-text .event-status{align-self:flex-start}.event-thumb-title{font-family:var(--font-display);font-size:13px;line-height:1.25;letter-spacing:.01em;text-transform:uppercase;color:var(--ink)}.event-thumb-dates{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint)}@keyframes event-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1024px){.events-showcase{grid-template-columns:1fr}}@media(max-width:600px){.events-section{padding:60px 0}.event-slide-body{padding:20px}.event-thumb-art{width:64px}}.event-card{display:flex;flex-direction:column;background:var(--bg-soft);border:1px solid var(--line);transition:border-color .2s}.event-card:hover{border-color:#ffcc2e66}.event-card-banner{display:block;aspect-ratio:16 / 9;overflow:hidden;background:#0a0b0e}.event-card-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}.event-card:hover .event-card-banner img{transform:scale(1.04)}.event-card-body{padding:18px 20px 22px}.event-card-body h2{font-family:var(--font-display);font-size:18px;line-height:1.2;text-transform:uppercase;margin:10px 0 8px}.event-card-body h2 a{color:var(--ink);transition:color .2s}.event-card-body h2 a:hover{color:var(--accent)}.event-card-body .event-excerpt{margin:0;font-size:13px}
