.hero-inner{max-width:1400px}

main{max-width:1400px;margin:0 auto;padding:clamp(1.4rem,4vw,2.8rem) clamp(1.1rem,5vw,4rem) 4rem}

.section-label{
  font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(1.1rem,3vw,1.5rem);margin:2.4rem 0 1rem;
  display:flex;align-items:center;gap:.8rem;color:var(--ink-100);
}
.section-label:first-of-type{margin-top:.4rem}
.section-label::after{content:"";flex:1;height:1px;background:var(--line)}
.section-note{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--ink-50);letter-spacing:.08em}

/* BACK LINK */
.back-link{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-50);text-decoration:none;margin-bottom:1.5rem;transition:.15s;
}
.back-link:hover{color:var(--spark)}

/* DATED EVENTS */
.events-grid{display:flex;flex-direction:column}
.card{
  display:grid;grid-template-columns:74px 1fr;gap:1.1rem;
  background:var(--surface);border:1px solid var(--line);border-radius:13px;
  padding:1rem 1.15rem;margin-bottom:.7rem;
  position:relative;transition:.18s;box-shadow:var(--shadow);
}
.card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  border-radius:13px 0 0 13px;background:var(--accent,var(--ember));opacity:.55;transition:.18s;
}
.card:hover{transform:translateY(-2px);border-color:#465064}
.card:hover::before{opacity:1;box-shadow:0 0 14px 1px var(--accent,var(--ember))}
.datebox{text-align:center;border-right:1px solid var(--line);padding-right:.4rem}
.datebox .mon{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ember)}
.datebox .num{font-family:'Anton',sans-serif;font-size:2rem;line-height:1;color:var(--ink-100)}
.datebox .dow{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--ink-50);text-transform:uppercase;letter-spacing:.1em}
.body h3{margin:.05rem 0 .3rem;font-size:1.08rem;font-weight:700;line-height:1.25}
.meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.82rem;color:var(--ink-70);margin-bottom:.45rem}
.meta .time{font-family:'JetBrains Mono',monospace;color:var(--spark)}
.blurb{margin:0 0 .6rem;color:var(--ink-70);font-size:.9rem}
.card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.src{display:inline-flex;align-items:center;gap:.4rem;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.04em;color:var(--ink-70)}
.src .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.out{
  margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:.72rem;
  color:var(--spark);text-decoration:none;border:1px solid var(--line);
  padding:.32rem .7rem;border-radius:7px;transition:.18s;
}
.out:hover{background:var(--ember);color:#1a0e07;border-color:var(--ember)}
.empty{
  text-align:center;padding:3rem 1rem;color:var(--ink-50);
  border:1px dashed var(--line);border-radius:13px;font-family:'JetBrains Mono',monospace;
}

/* RECURRING */
.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}
.rec-card{
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);border-radius:12px;padding:1rem 1.05rem;
  position:relative;overflow:hidden;
}
.rec-card .cadence{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--spark)}
.rec-card h3{font-family:'Archivo';font-size:1.04rem;margin:.35rem 0 .3rem;font-weight:700}
.rec-card p{margin:0 0 .5rem;color:var(--ink-70);font-size:.86rem}
.rec-card .src{font-size:.72rem}

.foot-inner{max-width:1400px}

@media(max-width:540px){
  .card{grid-template-columns:1fr}
  .datebox{display:none}
}