/*
 * Layout corrections at desktop widths, loaded AFTER the frozen Laravel
 * stylesheet for the same reason as narrow-fixes.css: the legacy sheet
 * (public/build/assets/vaultody-e3b39a30.css) ships byte-identical, so a fix
 * is an override here, not an edit there. narrow-fixes.css is scoped to what
 * is unreachable at 390px and a11y-fixes.css to WCAG, which is why a desktop
 * overlap gets its own file rather than a rule smuggled into either.
 */

/* ---------------------------------------------------------------------------
 * Solutions → the single-reason section (Wallet as a Service): the heading
 * "Enterprise Wallet Infrastructure for Scalable Operations" was drawn over
 * the illustration above it.
 *
 * The legacy sheet pulls .solutions-reasons-header-single up into the
 * illustration with margin-top: -200px (-100px at ≤1180px, -40px at ≤700px),
 * relying on the transparent band at the bottom of the picture. Measured on
 * the live page (2026-10-20): at every width from 1181px up the illustration
 * (vaultody-infrastructure.svg, 682×640 drawn at 714×670) ends its solid
 * content at 80% of its height, 536px, with a faint shadow to 92%; the title
 * starts at 670 − 200 = 470px, 66px inside the card's code lines and coin.
 * At ≤1180px the image is the same 670px (it only shrinks below ~790px) and
 * the -100px there already clears the content by 34px, which is the gap that
 * reads right. So the desktop value becomes -100px too: the title's top lands
 * at 570px, under the solid content and inside the soft shadow, and the
 * section keeps the overlap the design wanted.
 *
 * Not a breakpoint tweak on the image: it is capped by its own max-width, so
 * the band is a fixed number of pixels on desktop, and a fixed margin is the
 * honest unit.
 */
@media only screen and (min-width: 1181px) {
  .vaultody-v2 .solutions-page .solutions-reasons-header-single {
    margin-top: -100px;
  }
}