/* H.OS motion grammar
   Shared objects carry meaning across pages; the charcoal interval hides the cut. */
:root{
  --hos-motion-ease:cubic-bezier(.16,1,.3,1);
  --hos-motion-fast:180ms;
  --hos-motion-page:520ms;
  --hos-motion-shared:640ms;
}

@view-transition{navigation:auto}

html{background:#0d100f}

::view-transition{
  background:#0d100f;
}

::view-transition-old(root){
  animation:hos-cover-cut var(--hos-motion-fast) cubic-bezier(.55,0,1,.45) both;
}

::view-transition-new(root){
  animation:hos-reveal-page var(--hos-motion-page) var(--hos-motion-ease) 110ms both;
}

/* Product objects keep their position, scale and identity through the cut. */
.sx-price-main{view-transition-name:hos-pricing-panel}
.motion-pricing-anchor{view-transition-name:hos-pricing-panel}
.sx-ledger-lines{view-transition-name:hos-owner-brief}
.ai-brief{view-transition-name:hos-owner-brief}
.sx-dispatch-panel{view-transition-name:hos-dispatch-panel}
.dj-live{view-transition-name:hos-dispatch-panel}
.sx-route{view-transition-name:hos-operations-pulse}
.op-pulse{view-transition-name:hos-operations-pulse}
.sx-owner-verdict{view-transition-name:hos-intelligence-verdict}
.hi-verdict{view-transition-name:hos-intelligence-verdict}

::view-transition-group(hos-pricing-panel),
::view-transition-group(hos-owner-brief),
::view-transition-group(hos-dispatch-panel),
::view-transition-group(hos-operations-pulse),
::view-transition-group(hos-intelligence-verdict){
  animation-duration:var(--hos-motion-shared);
  animation-timing-function:var(--hos-motion-ease);
  z-index:4;
}

::view-transition-old(hos-pricing-panel),
::view-transition-new(hos-pricing-panel),
::view-transition-old(hos-owner-brief),
::view-transition-new(hos-owner-brief),
::view-transition-old(hos-dispatch-panel),
::view-transition-new(hos-dispatch-panel),
::view-transition-old(hos-operations-pulse),
::view-transition-new(hos-operations-pulse),
::view-transition-old(hos-intelligence-verdict),
::view-transition-new(hos-intelligence-verdict){
  animation-timing-function:var(--hos-motion-ease);
  mix-blend-mode:normal;
}

@keyframes hos-cover-cut{
  0%{opacity:1;filter:brightness(1);transform:translateX(0)}
  100%{opacity:.05;filter:brightness(.12);transform:translateX(-.7%)}
}

@keyframes hos-reveal-page{
  0%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateX(1.1%)}
  100%{opacity:1;clip-path:inset(0);transform:translateX(0)}
}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),
  ::view-transition-new(root),
  ::view-transition-group(hos-pricing-panel),
  ::view-transition-group(hos-owner-brief),
  ::view-transition-group(hos-dispatch-panel),
  ::view-transition-group(hos-operations-pulse),
  ::view-transition-group(hos-intelligence-verdict){
    animation-duration:1ms!important;
    animation-delay:0ms!important;
  }
}