/* ─── Homepage layout-specific rules ─────────────────────────────────────────
   Section styles are shared (home.css); only arrangement differences that a
   layout needs live here, scoped under .ha-home--layout-N.
   ────────────────────────────────────────────────────────────────────────── */

/* Layout 1 — the approved design: nothing extra. */

/* Layout 2 — split hero: the numbers band sits tight under the hero on a
   frosted strip. */
.ha-home--layout-2 {
  .ha-hero {
    min-height: 0;
    padding-bottom: 30px;

    @media (min-width: 992px) {
      min-height: 92vh;
    }
  }

  .ha-nums-sec {
    padding: 50px 0;

    .ha-nums {
      padding: 32px 16px;
      border-radius: var(--r-xl);
      background: var(--card);
      border: 1px solid var(--glass-edge);
      box-shadow: var(--shadow);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }
  }
}

/* Layout 3 — library first: no full-screen hero; library starts high. */
.ha-home--layout-3 {
  .ha-library {
    padding-top: 30px;
  }

  .ha-sub {
    padding-bottom: 60px;
  }
}

/* Layout 4 — calm centered: pacer directly under the hero on a soft
   frosted plate. */
.ha-home--layout-4 {
  .ha-breathe--stacked .ha-breathe__in {
    max-width: 760px;
    padding: 50px 24px;
    border-radius: var(--r-xl);
    background: color-mix(in srgb, var(--surface-color) 55%, transparent);
    border: 1px solid var(--glass-edge);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .ha-sub {
    padding-top: 80px;
  }
}

/* Layout 5 — magazine: hero is content-height; stats on a divider line. */
.ha-home--layout-5 {
  .ha-hero {
    min-height: 0;
    padding-bottom: 60px;
  }

  .ha-hero__stats {
    padding-top: 36px;
    border-top: 1px solid var(--line);
  }
}