/* ============================================================
   AMALAB — closing-field.css (V24.2)
   Two jobs since the closing statement was cut (owner, 2026-07-25):

   1. `.closing-band` — the partner panel's floating ground, in two halves:
      WHITE for the first (V24.3, owner — seamless with #scaled above), then
      cream Paper for the second, via `.bleed-wrap::before`. Both show only in
      the clipped navy panel's gutters. No canvas here any more; just surface.
   2. `.cta-band--hero` — the home's closing ask now carries the animated
      brand-dot field that used to back the statement (js/closing-field.js,
      #closing-canvas). Owner-directed: WHITE surface, not paper-2 cream —
      pinned explicitly so a future section-rhythm pass can't flip it.

   Degrades: no JS → plain white CTA band (canvas stays empty);
   reduced motion → one static dotted frame (drawn by the JS).
   ============================================================ */

.closing-band {
  position: relative;
  /* V24.3 (owner): the FIRST half is white, not paper. The panel is clipped
     to a rounded card at rest (panel-bleed.css) and opens to full bleed on
     scroll, so this surface is what shows in its gutters — the shape now
     emerges from the same white as #scaled above it, then the ::before below
     shifts the ground to cream Paper for the second half. */
  background: var(--bg);
  /* clip, not hidden: the partner panel's sticky step photo must track
     the viewport, and overflow:hidden would make this band its scrollport. */
  overflow: clip;
}

.closing-band > .bleed-wrap {
  position: relative;
  z-index: auto;
}
.closing-band > .bleed-wrap::before {
  content: "";
  position: absolute;
  inset: 50% 0 0;
  background: var(--bg-alt);
  pointer-events: none;
  z-index: 0;
}
.closing-band > .bleed-wrap > .bleed-panel {
  position: relative;
  z-index: 2;
}

/* ---------- CTA hero band: the dot field's new home ---------- */
.cta-band--hero {
  position: relative;
  /* Owner-directed V24.2: white, never cream — the field reads on the plain
     surface here, unlike its old paper-2 band. */
  background: var(--bg);
  overflow: clip;
}

.closing-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* Above the band surface, below the title + button. */
  z-index: 1;
}

.cta-band--hero > .cta-inner {
  position: relative;
  z-index: 2;
}