/* AbhyasDhara V59 — exact homepage scroll-film hotfix.
   This does not redesign the supplied homepage. It only restores the pin/slide
   geometry of the uploaded reference implementation on desktop. */

@media (min-width: 901px) {
  .v59-journey-pin-space {
    position: relative;
    width: 100%;
    min-height: 100svh;
    overflow: visible;
    background: #050d16;
    isolation: isolate;
  }

  .v59-journey-pin-space > .motion-journey {
    position: sticky !important;
    top: 0 !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 760px !important;
    overflow: hidden !important;
    contain: none !important;
    margin: 0 !important;
  }

  .v59-journey-pin-space .journey-track {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: 100% !important;
    min-height: 760px !important;
    transform: translate3d(var(--v59-journey-x, 0px), 0, 0) !important;
    will-change: transform;
  }

  .v59-journey-pin-space .journey-chrome {
    position: absolute !important;
    top: 35px !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  .v59-journey-pin-space .journey-progress > i {
    width: var(--v59-journey-progress, 0%) !important;
  }

  .v59-journey-pin-space .journey-device {
    transform: var(--v59-device-transform, rotateY(-18deg) rotateZ(-5deg) scale(.88)) !important;
    will-change: transform;
    backface-visibility: hidden;
  }

  .cinematic-sequence.v59-sequence-owned .sequence-panel {
    opacity: var(--v59-sequence-opacity, 0) !important;
    visibility: var(--v59-sequence-visibility, hidden) !important;
    transform: translate3d(0, var(--v59-sequence-y, 95px), 0) rotateX(var(--v59-sequence-rx, 8deg)) !important;
    transition: none !important;
    backface-visibility: hidden;
    pointer-events: none !important;
  }

  .cinematic-sequence.v59-sequence-owned .sequence-panel.v59-sequence-interactive {
    pointer-events: auto !important;
  }

  .cinematic-sequence.v59-sequence-owned .sequence-device {
    opacity: var(--v59-screen-opacity, 0) !important;
    visibility: var(--v59-screen-visibility, hidden) !important;
    transform: translate3d(0, 0, var(--v59-screen-z, -180px)) scale(var(--v59-screen-scale, .66)) rotateY(var(--v59-screen-ry, -42deg)) rotateZ(var(--v59-screen-rz, -8deg)) !important;
    transition: none !important;
    backface-visibility: hidden;
    will-change: transform, opacity;
  }

  .cinematic-sequence.v59-sequence-owned .sequence-rail-progress > i {
    transform: scaleY(var(--v59-sequence-progress, 0)) !important;
  }

  .cinematic-sequence.v59-sequence-owned .sequence-scan {
    transform: translate3d(0, var(--v59-sequence-scan-y, 0px), 0) !important;
  }

  .cinematic-sequence.v59-sequence-owned .sequence-ghost {
    transform: translate3d(var(--v59-sequence-ghost-x, 0%), 0, 0) rotate(var(--v59-sequence-ghost-r, 0deg)) !important;
  }

  .cinematic-sequence.v59-sequence-owned .sequence-orbit-large {
    transform: rotateX(68deg) rotateZ(var(--v59-orbit-large-r, -19deg)) !important;
  }

  .cinematic-sequence.v59-sequence-owned .sequence-orbit-small {
    transform: rotateY(69deg) rotateZ(var(--v59-orbit-small-r, 18deg)) !important;
  }
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  .v59-journey-pin-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .v59-journey-pin-space > .motion-journey {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .v59-journey-pin-space .journey-track,
  .v59-journey-pin-space .journey-device {
    transform: none !important;
  }
}