/* =====================================================================
   css/sections/04-card2-journey.css
   Why-us card 2 ("one person answers for everything"): a code-drawn customer
   journey on a cream tile, drawn by js/sections/04-card2-journey.js.
   The mount fills .hiw__media exactly and takes the same entrance as the
   card videos (scale 1.15 -> 1 on .is-in, 1.8s, --e-media).
   ===================================================================== */
[data-section="04-how-it-works"] .c2j {
  position: absolute; inset: 0; display: block;
  background: var(--cream);
  transform: scale(1.15); transition: transform 1.8s var(--e-media);
}
[data-section="04-how-it-works"] .hiw__card.is-in .c2j { transform: scale(1); }
[data-section="04-how-it-works"] .c2j__canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
html.reduce-motion [data-section="04-how-it-works"] .c2j { transition: none; transform: none; }