/* Static Business panel review state. Geometry belongs to the dark panel,
   not to Company. Content positions and the following section stay in flow. */
.business,.business.business-panel-motion{background:transparent;isolation:isolate}
.business::after{
  content:"";position:absolute;top:0;bottom:0;left:50%;
  width:100vw;transform:translateX(-50%);background:#fff;
  z-index:-2;pointer-events:none;
}
.business::before,.business-panel-motion::before{
  content:"";position:absolute;top:0;bottom:0;
  width:calc(100% - 2 * var(--business-static-margin));
  left:var(--business-static-margin);right:auto;
  background:var(--dark);border-radius:var(--business-static-radius);
  z-index:-1;pointer-events:none;
}
.business{--business-static-margin:clamp(24px,2.777778vw,40px);--business-static-radius:24px}
@media(max-width:760px){
  .business{--business-static-margin:12px;--business-static-radius:16px}
}
/* Company retains its existing top padding: 120px on PC / 80px on mobile.
   The panel stops at Business's bottom; no paint extends into that spacing. */

/* Restore the About-derived backdrop and animated entry panel. Static
   geometry above remains the reduced-motion fallback. PC and SP share the motion. */
/* The white base fades in behind the dark panel, never over it. */
  .business.business-panel-motion::after{opacity:var(--business-panel-backdrop,0)}
  .business.business-panel-motion::before{
    top:calc(-1 * var(--business-panel-block,0px));
    bottom:0;
    left:calc(var(--business-static-margin) - var(--business-panel-inline,0px));
    right:calc(var(--business-static-margin) - var(--business-panel-inline,0px));
    width:auto;
    border-radius:var(--business-panel-radius,var(--business-static-radius));
  }