/* ============================================================
   landing-v2.css, OPTION 2: the hero, standing still.

   OPTION 2 IS OPTION 1. Same page, same chapters, same product films further
   down, same header, same copy, same type. One thing changes and it changes
   only inside the first fold: the animation behind the heading is gone.

   WHAT GOES
     - the pipeline canvas, #lpFlow. It is fixed and full bleed, so it is
       hidden outright rather than dimmed: a hidden canvas is never painted,
       and js/landing-opt2.js stops its loop as well (see the sync there), so
       Option 2 does not burn a frame drawing something nobody can see.
     - the entrance rise on the heading, the subhead and the CTA row. It is
       an animation in the hero, and the brief was all of them.

   WHAT STAYS, DELIBERATELY (Ameer: "let the background be there, the
   gradient be there")
     - .lp-bg, the module's own investigation ground.
     - the three hero lights, orange left, cyan right, purple wide and low
       (css/landing-hero3.css). They are painted into that same element's
       background-image, so they were never part of what moved.
     - the grain over all of it (css/landing-grain.css).
     - the fade out of the fold into the strip below it, so the hand-off is
       the same one the rest of the page was built against.

   NOTHING BELOW THE HERO IS TOUCHED. The Investigation, Data Intelligence
   and Build Dashboard films all still run: the brief was the hero section
   only, and every one of those lives in its own section with its own script.
   ============================================================ */

/* ---- the canvas ---------------------------------------------------------
   display, not opacity: css/landing.css turns it on for the whole family-7
   page, and this has to beat that. Both selectors carry one attribute on
   <html> plus the class, so this file being loaded after it is what decides,
   which is exactly the order the <link> in home.html sets. */
html[data-lp-v="2"] .lp-flow{display:none}

/* ---- the entrance -------------------------------------------------------
   Only the hero's own three. Every other rise on the page (.lp-connect__copy,
   .lp-intel__copy, .lp-build__copy, the l7 chapters) belongs to a section
   below the fold and is left alone. */
html[data-lp-v="2"] .lp-hero .lp-h1,
html[data-lp-v="2"] .lp-hero .lp-sub,
html[data-lp-v="2"] .lp-hero .lp-ctas{animation:none}

/* ---- the well -----------------------------------------------------------
   The dark ellipse behind the copy exists for ONE reason: to hold the moving
   cards back from the type so the heading keeps its contrast (see the note at
   .lp-hero--2::before in css/landing.css). With nothing moving there is
   nothing to hold back, and leaving it in would put a soft dark blot over the
   middle of the gradient that the brief asks to see. Measured on the rendered
   page, the heading sits at 15:1 or better on the bare ground, so it costs no
   legibility to take it out.

   ONE LINE TO PUT IT BACK: delete this rule. */
html[data-lp-v="2"] .lp-hero--2::before,
html[data-lp-v="2"] .lp-hero--alt::before,
html[data-lp-v="2"] .lp-hero--o3::before{display:none}