/* === SOURCE: css/221-v5580-body-slide-track.css === */

/* v5.5.80 · Robust single-track slide.
   Track content order in DOM is card then body, so visually place body left,
   card right using flex order. Default shows card; expanded slides body in
   from the left and pushes card out to the right. */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-flip-stage{
    overflow:hidden!important;
    perspective:none!important;
  }

  .global-archetype-overview-card .ovc-body-flip-inner{
    position:relative!important;
    left:0!important;
    top:0!important;
    width:200%!important;
    height:100%!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    transform:translateX(-50%)!important;
    transform-style:flat!important;
    transform-origin:0 50%!important;
    transition:transform .75s cubic-bezier(.18,.72,.18,1)!important;
    will-change:transform!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-flip-inner{
    transform:translateX(0)!important;
  }

  /* Faces become two normal halves of one track. */
  .global-archetype-overview-card .ovc-body-face,
  .global-archetype-overview-card .ovc-body-card-face,
  .global-archetype-overview-card .ovc-body-control-face,
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face,
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    position:relative!important;
    inset:auto!important;
    flex:0 0 50%!important;
    width:50%!important;
    height:100%!important;
    box-sizing:border-box!important;
    transform:none!important;
    transition:none!important;
    visibility:visible!important;
    opacity:1!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
    transform-style:flat!important;
  }

  /* DOM order is card then controls. Reorder so controls occupy the left half. */
  .global-archetype-overview-card .ovc-body-control-face{
    order:1!important;
    pointer-events:none!important;
  }

  .global-archetype-overview-card .ovc-body-card-face{
    order:2!important;
    pointer-events:auto!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    pointer-events:auto!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face{
    pointer-events:none!important;
  }

  /* Keep the restored v5.5.71 body controls permanently laid out offscreen. */
  .global-archetype-overview-card .ovc-body-control-face .ovc-body-expanded,
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face .ovc-body-expanded{
    display:grid!important;
    max-height:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    transform:none!important;
    transition:none!important;
  }
}

@media(min-width:761px) and (prefers-reduced-motion:reduce){
  .global-archetype-overview-card .ovc-body-flip-inner{
    transition:none!important;
  }
}

/* === SOURCE: css/222-v5581-card-3d-tilt.css === */

/* v5.5.81 · Subtle physical-card hover tilt.
   Preserve the exact card scale/position; only add a small perspective rotation. */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-card-face{
    perspective:1000px!important;
  }

  .global-archetype-overview-card .ovc-body-card-face #overviewBuildShowcaseCard{
    --v5581-rx:0deg;
    --v5581-ry:0deg;
    transform:
      translate(-50%,-50%)
      perspective(1000px)
      rotateX(var(--v5581-rx))
      rotateY(var(--v5581-ry))
      scale(var(--ovc-showcase-scale,.67))!important;
    transform-origin:50% 50%!important;
    transform-style:preserve-3d!important;
    transition:
      transform .16s cubic-bezier(.2,.7,.2,1),
      filter .22s ease!important;
    will-change:transform!important;
  }

  .global-archetype-overview-card .ovc-body-card-face #overviewBuildShowcaseCard.v5581-tilting{
    transition:
      transform .085s linear,
      filter .16s ease!important;
    filter:drop-shadow(0 19px 34px rgba(0,0,0,.34))!important;
  }

  .global-archetype-overview-card .ovc-body-card-face #overviewBuildShowcaseCard.v5581-settling{
    transition:
      transform .46s cubic-bezier(.16,.78,.18,1),
      filter .38s ease!important;
  }
}

@media(min-width:761px) and (prefers-reduced-motion:reduce){
  .global-archetype-overview-card .ovc-body-card-face #overviewBuildShowcaseCard{
    --v5581-rx:0deg!important;
    --v5581-ry:0deg!important;
    transition:none!important;
  }
}