/* Homepage hero signature motion
   Keeps the restrained structural reconfiguration of the approved centre
   object without the recurring material-light flash. Existing hero
   choreography remains intact; this motion is additive. */

.b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .brawnd-piece {
  --signature-x: 0px;
  --signature-y: 0px;
  overflow: hidden;
}

.b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p1 { --signature-x: 0px; --signature-y: -10px; }
.b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p2 { --signature-x: -13px; --signature-y: 10px; }
.b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p3 { --signature-x: 13px; --signature-y: -9px; }
.b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p4 { --signature-x: 13px; --signature-y: 10px; }
.b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p5 { --signature-x: -6px; --signature-y: -6px; }
.b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p6 { --signature-x: 6px; --signature-y: -6px; }
.b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p7 { --signature-x: 11px; --signature-y: 5px; }

/* Reconfiguration is a one-shot motion fired by JS. Using the individual
   translate property keeps it additive to the existing transform/translateZ
   choreography already used by the block system. */
.b2-hero .brawnd-block-stage.is-signature-reconfiguring:not(.brawnd-block-floater) .brawnd-piece {
  animation: brawnd-signature-reconfigure-v2 2.8s cubic-bezier(.2,.78,.22,1) both;
}

.b2-hero .brawnd-block-stage.is-signature-reconfiguring:not(.brawnd-block-floater) .p2 { animation-delay: 35ms; }
.b2-hero .brawnd-block-stage.is-signature-reconfiguring:not(.brawnd-block-floater) .p3 { animation-delay: 70ms; }
.b2-hero .brawnd-block-stage.is-signature-reconfiguring:not(.brawnd-block-floater) .p4 { animation-delay: 105ms; }
.b2-hero .brawnd-block-stage.is-signature-reconfiguring:not(.brawnd-block-floater) .p5 { animation-delay: 20ms; }
.b2-hero .brawnd-block-stage.is-signature-reconfiguring:not(.brawnd-block-floater) .p6 { animation-delay: 55ms; }
.b2-hero .brawnd-block-stage.is-signature-reconfiguring:not(.brawnd-block-floater) .p7 { animation-delay: 90ms; }

@keyframes brawnd-signature-reconfigure-v2 {
  0%, 100% { translate: 0 0; }
  38% { translate: var(--signature-x) var(--signature-y); }
  62% { translate: var(--signature-x) var(--signature-y); }
}

@media (max-width: 760px) {
  .b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p2 { --signature-x: -10px; --signature-y: 8px; }
  .b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p3 { --signature-x: 10px; --signature-y: -7px; }
  .b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .p4 { --signature-x: 10px; --signature-y: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .b2-hero .brawnd-block-stage:not(.brawnd-block-floater) .brawnd-piece {
    animation: none !important;
    translate: 0 0 !important;
  }
}