/* CENTRAL_COMPOSITION — hero + SYSTEM.BOOT move as one spatial block (desktop root /). */

@media (min-width: 701px) {
  html:not(.asterrvn-portfolio-next-route)
    body:not(.asterrvn-portfolio-v3-active):not(.asterrvn-portfolio-clean-active):not(.asterrvn-phone)
    .about-view > .central-composition {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(
      calc(-50% + var(--central-comp-nudge-x, 0px)),
      calc(-50% + var(--central-comp-nudge-y, 0px))
    );
    width: min(920px, 100vw);
    max-width: 920px;
    z-index: 5;
    pointer-events: none;
  }

  html:not(.asterrvn-portfolio-next-route)
    body:not(.asterrvn-portfolio-v3-active):not(.asterrvn-portfolio-clean-active):not(.asterrvn-phone)
    .about-view > .central-composition > * {
    pointer-events: auto;
  }

  html:not(.asterrvn-portfolio-next-route)
    body:not(.asterrvn-portfolio-v3-active):not(.asterrvn-portfolio-clean-active):not(.asterrvn-phone)
    .view.active[data-view="about"] .about-view {
    min-height: 100vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-view > .central-composition {
    transform: translate(
      calc(-50% + var(--central-comp-nudge-x, 0px)),
      calc(-50% + var(--central-comp-nudge-y, 0px))
    ) !important;
  }
}