/* ============================================================
   AMALAB — panel-bleed.css
   Scroll-driven panel bleed (ClickUp Brain²-style transition).
   The navy band rests as an inset, rounded card; as it crosses
   the viewport it expands to full bleed, then contracts on exit.
   --bleed (0 → 1) is driven from js/panel-bleed.js.
   Structural motion only — no parallax, no scale.
   ============================================================ */

.bleed-wrap {
  --bleed: 0;
  /* Rest-state side margin = half of the ClickUp-derived value
     (was max(0,(100vw-1200)/2) + 20px flat gutter, i.e. 140px at a
     1440px viewport). Halved here to 70px per Anthony's request;
     still animates to 0 (true full bleed) at scroll-driven --bleed = 1. */
  --bleed-rest-margin: calc(max(0px, (100vw - var(--container)) / 2) / 2 + 10px);
  --bleed-gutter: calc(var(--bleed-rest-margin) * (1 - var(--bleed)));
  --bleed-radius: calc(32px * (1 - var(--bleed)));
  padding-block: 20px;
}

.bleed-wrap > .bleed-panel {
  clip-path: inset(0 var(--bleed-gutter) 0 var(--bleed-gutter) round var(--bleed-radius));
}

/* Mobile: full-bleed band, no clip, no animation (matches driver cutoff) */
@media (max-width: 900px) {
  .bleed-wrap { padding-block: 0; }
  .bleed-wrap > .bleed-panel { clip-path: none; }
}