/* ============================================================
   DEADLINK : continuous background flow wrapping Section 01 + 02.
   One grid spans both sections (no seam / no black band between).
   ============================================================ */
.dl-flow{position:relative;background:var(--void);overflow:hidden}
#dl-flow-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block}
.dl-flow-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(180deg, var(--void) 0%, rgba(8,8,13,.46) 6%, rgba(8,8,13,.46) 94%, var(--void) 100%)}

/* sections sit on the shared grid: transparent, content above the veil */
.dl-flow .dl-sec{background:transparent;overflow:visible}
.dl-flow .container-large{position:relative;z-index:2}

/* divider between Section 01 and Section 02:
   dissolves the continuous grid to void in the middle + adds space */
.dl-divide{position:relative;z-index:2;pointer-events:none;
  height:clamp(78px,10vh,150px);
  background:linear-gradient(180deg, transparent 0%, var(--void) 42%, var(--void) 58%, transparent 100%)}

#problem .container-large{padding-bottom:clamp(20px,2.2vw,40px)}
#what .container-large{padding-top:clamp(20px,2.2vw,40px)}