/* ===========================================================================
   hero-layers.css — HOMEPAGE HERO ONLY

   Foreground plane (approved). The bridge container is positioned (z-index 0)
   and comes after the hero text in the markup, so without this it paints ON
   TOP of the typography. Lifting the four text elements one step puts the
   type physically in front of the drawing wherever they overlap. No offsets,
   no layout change.

   The concluded depth / layer / motion experiments are archived in
   /archive/bridge-layers/ and are not loaded by any page.
   =========================================================================== */

.hero .eyebrow,
.hero h1,
.hero .subline,
.hero p.lede {
  position: relative;
  z-index: 1;
}