:root { color-scheme:dark; --ink:#f5f2eb; --muted:#aaa59b; --line:#34322e; --panel:#121212; --panel-2:#1a1917; --accent:#e7ff4f; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:#080808; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.event-info-shell { min-height:100vh; }
.event-info-hero { padding:24px clamp(20px,6vw,90px) 70px; background:linear-gradient(110deg,rgba(0,0,0,.86),rgba(0,0,0,.28)),url('./assets/hero-house-movement-bw.jpg') center/cover; border-bottom:1px solid var(--line); }
.event-info-nav { display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin:0 auto; }
.event-info-nav img { width:150px; height:auto; filter:brightness(0) invert(1); }
.event-info-nav a { color:var(--muted); font-size:.86rem; text-decoration:none; }.event-info-nav a:hover { color:var(--ink); }
.event-info-heading { max-width:900px; margin:86px auto 0; }.eyebrow { margin:0 0 10px; color:var(--accent); font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,p { margin-top:0; }.event-info-heading h1 { max-width:860px; margin-bottom:12px; font-size:clamp(2.8rem,7vw,6.2rem); line-height:.94; letter-spacing:-.065em; }.event-date { margin-bottom:8px; font-size:1.35rem; font-weight:800; }.event-status { color:var(--muted); }
.event-info-content { display:grid; gap:18px; width:min(1000px,calc(100% - 40px)); margin:0 auto; padding:42px 0 80px; }.event-info-card { padding:28px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,var(--panel-2),var(--panel)); }.event-info-card h2 { margin-bottom:12px; font-size:clamp(1.7rem,3vw,2.5rem); letter-spacing:-.04em; }.event-info-card > p:not(.eyebrow),.event-section-heading > p { color:var(--muted); line-height:1.55; }.event-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }.event-meta span { padding:8px 11px; border:1px solid rgba(231,255,79,.25); border-radius:999px; color:var(--accent); background:rgba(231,255,79,.06); font-size:.76rem; font-weight:800; }
.event-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }.event-section-heading h2 { margin:0; }.event-section-heading > p { max-width:300px; margin:0; text-align:right; font-size:.84rem; }.category-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.category-item,.heat-group { padding:15px; border:1px solid var(--line); border-radius:14px; background:#0d0d0c; }.category-item { display:flex; align-items:center; justify-content:space-between; gap:16px; }.category-item strong { font-size:.92rem; }.category-item span { color:var(--accent); font-weight:800; white-space:nowrap; }.category-item small { display:block; margin-top:4px; color:var(--muted); font-size:.74rem; }.heat-list { display:grid; gap:14px; }.heat-group h3 { margin:0 0 12px; color:var(--accent); font-size:.9rem; }.heat-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; }.heat-item { padding:10px; border-radius:10px; background:#171613; }.heat-item strong { display:block; font-size:.86rem; }.heat-item span { color:var(--muted); font-size:.74rem; }.heat-item.is-full { opacity:.48; }.event-how-card ol { display:grid; gap:9px; margin:0 0 24px; padding-left:20px; color:var(--muted); line-height:1.5; }.primary-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border-radius:10px; color:#111; background:var(--accent); font-weight:800; text-decoration:none; }
.empty-info { margin:0; color:var(--muted); }.error-info { color:#ffb9a7; }
@media (max-width:640px) { .event-info-hero { padding-bottom:48px; }.event-info-heading { margin-top:62px; }.event-info-content { width:min(100% - 28px,1000px); padding-top:28px; }.event-info-card { padding:22px; }.event-section-heading { display:block; }.event-section-heading > p { margin-top:8px; text-align:left; }.category-list { grid-template-columns:1fr; }.category-item { align-items:flex-start; flex-direction:column; gap:5px; }.event-info-nav img { width:130px; }.event-info-nav a { font-size:.76rem; } }