/**
 * ONE.618 — Safari iOS Scroll Jump Fix (CSS companion)
 *
 * The JS file handles the root cause (equalHeights on resize).
 * This CSS provides a structural safety net.
 */

/* ── Give all background-image divs a floor height ──────────────────────────
   On mobile, these divs have no intrinsic content so height:auto = 0px.
   The JS fix prevents that from happening via resize, but this CSS ensures
   they are never invisibly thin even before JS runs or if a resize slips
   through. Values match typical rendered height on a 375px wide screen.     */

@media only screen and (max-width: 1024px) {

    .intro01-img,
    .intro02-img,
    .discover01-img,
    .discover02-img,
    .discover03-img,
    .discover04-img,
    .design01-img,
    .design02-img,
    .design03-img,
    .design04-img,
    .design05-img,
    .technology01-img,
    .technology02-img,
    .technology03-img,
    .technology04-img,
    .technology05-img {
        min-height: 280px;
    }

    /* The equal-height TEXT columns must never be taller than their content
       on mobile (they're full-width stacked) so equal-heights is irrelevant.
       Removing the JS-set explicit height prevents any stale value persisting. */
    .equal-height {
        height: auto !important;
    }
}