/* ============================================================
   CHORNOBYL40 — Main hub page (chornobyl.eu/chornobyl40)
   ============================================================ */

/* hero: hub variant — content-driven height, no absolute overlap */
.hub-hero{ min-height:0; height:auto; padding-top:calc(var(--nav-h,68px) + 20px); padding-bottom:clamp(30px,5vh,54px); display:block; }
.hub-hero .hero__top{ position:relative; top:auto; left:auto; right:auto; padding:0; margin-bottom:clamp(14px,2vh,22px); z-index:4; }
.hub-hero .hero__body{ position:relative; z-index:4; padding:0; }
.hub-hero .hero__cta{ flex-wrap:wrap; }
.hub-hero .hero__cta .btn--muted{ opacity:.5; border-color:var(--line); color:var(--ink-dim); }
.hub-hero .hero__cta .btn--muted:hover{ opacity:.75; }
.hub-hero .hero__cta .btn--muted .tag{ font-size:10px; letter-spacing:.14em; text-transform:uppercase; margin-left:8px; }
.hub-hero .scrollcue{ display:none; }

/* ---------- programme stages (3-step path) ---------- */
.stages{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:34px; }
.stage{ background:var(--bg-card); padding:clamp(26px,3vw,38px) clamp(22px,2.6vw,32px); position:relative; display:flex; flex-direction:column; gap:14px; transition:background .4s var(--ease); }
.stage:hover{ background:var(--bg-card-2); }
.stage__no{ font-family:var(--mono); font-size:12px; letter-spacing:.2em; color:var(--acid); }
.stage__status{ font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-faint); border:1px solid var(--line); padding:3px 8px; width:fit-content; }
.stage__status.live{ color:var(--acid); border-color:var(--acid); }
.stage__t{ font-size:clamp(20px,2vw,26px); font-weight:500; letter-spacing:-.015em; line-height:1.1; }
.stage__d{ font-size:14px; line-height:1.55; color:var(--ink-2); flex:1; }
.stage__link{ font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink); display:inline-flex; align-items:center; gap:8px; margin-top:4px; }
.stage__link .arr{ transition:transform .3s var(--ease); }
.stage:hover .stage__link .arr{ transform:translateX(4px); }
.stage__link:hover{ color:var(--acid); }
@media (max-width:820px){ .stages{ grid-template-columns:1fr; } }

/* ---------- quick links row ---------- */
.quicklinks{ display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; }