/*
  PaperDesk shared galaxy journey.
  Source choreography is adapted from the supplied MLVT galaxy-scroll package,
  but every selector and custom property is isolated to this fixed overlay.
*/

html[data-paperdesk-galaxy-journey="active"],
html[data-paperdesk-galaxy-journey="active"] body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

html[data-paperdesk-galaxy-journey="active"] {
  scrollbar-gutter: stable;
}

html:has(body[data-paperdesk-public-landing]) {
  scrollbar-gutter: stable;
}

html[data-paperdesk-galaxy-handoff-pending] {
  overflow: hidden !important;
  scrollbar-gutter: stable;
}

html[data-paperdesk-galaxy-handoff-pending]::before,
html[data-paperdesk-galaxy-handoff-pending]::after {
  content: "";
  box-sizing: border-box;
  position: fixed;
  pointer-events: auto;
}

html[data-paperdesk-galaxy-handoff-pending]::before {
  z-index: 2147483644;
  inset: 0;
  background:
    radial-gradient(circle at 50% 57%, rgba(48, 44, 255, .25), transparent 29%),
    radial-gradient(circle at 72% 30%, rgba(101, 232, 255, .1), transparent 34%),
    #01040d;
}

html[data-paperdesk-galaxy-handoff-pending]::after {
  z-index: 2147483645;
  left: 50%;
  top: 62%;
  /* Arrival core: clamp(260px, 35vw, 570px) × .72 scale × .47 seal. */
  width: clamp(88px, 11.844vw, 193px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%) rotate(0deg);
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 50%;
  background:
    url("/assets/identity/mlvt-emblem.webp?v=9f72651e79971e8e7a8c2abaa4b2f7406253c3379a55da2d18f699778fdf6f3d") center / 66% 66% no-repeat,
    radial-gradient(circle at 50% 42%, #fff 0 56%, #e5edff 70%, rgba(170, 193, 236, .6) 76%, transparent 78%);
  box-shadow: 0 0 0 18px rgba(101, 232, 255, .035), 0 0 92px rgba(48, 44, 255, .42);
}

html[data-paperdesk-galaxy-handoff-pending]:has(body[data-paperdesk-public-landing])::before {
  z-index: 28;
}

html[data-paperdesk-galaxy-handoff-pending]:has(body[data-paperdesk-public-landing])::after {
  z-index: 28;
}

#paperdeskGalaxyJourney {
  --pdgj-progress: 0;
  --pdgj-core-x: 12vw;
  --pdgj-core-y: 8vh;
  --pdgj-core-scale: .46;
  --pdgj-core-rotate: -24deg;
  --pdgj-core-opacity: .22;
  --pdgj-warp-opacity: 0;
  --pdgj-network-opacity: 0;
  --pdgj-network-scale: .72;
  --pdgj-line-dash: 1;
  --pdgj-finale-opacity: 0;
  --pdgj-monogram-y: 80px;
  --pdgj-monogram-scale: .8;
  --pdgj-monogram-blur: 12px;
  --pdgj-planet-y: 150px;
  --pdgj-flash-opacity: 0;
  --pdgj-grid-opacity: .04;
  --pdgj-grid-y: 120px;
  --pdgj-halo-scale: 1;
  --pdgj-halo-opacity: .64;
  --pdgj-beam-opacity: .2;
  --pdgj-scene-reveal: 0;
  --pdgj-core-intro-opacity: 0;
  --pdgj-star-bloom: 0;
  --pdgj-logo-intro: 0;
  --pdgj-theme-mix: 0;
  --pdgj-proxy-origin-left: 50vw;
  --pdgj-proxy-origin-top: 50vh;
  --pdgj-proxy-base-diameter: 240px;
  --pdgj-proxy-base-core-diameter: 220px;
  --pdgj-proxy-x: 0px;
  --pdgj-proxy-y: 0px;
  --pdgj-proxy-scale: 1;
  --pdgj-proxy-core-scale: 1;
  --pdgj-proxy-opacity: 1;
  --pdgj-proxy-rotate: 0deg;
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  contain: paint;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  isolation: isolate;
  color: #f7f8ff;
  color-scheme: dark;
  background: #01040d;
  font-family: var(--pd-font-ui);
  font-weight: var(--pd-font-weight-body);
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
  transition: opacity 180ms ease, visibility 0s linear 200ms;
  -webkit-font-smoothing: antialiased;
}

#paperdeskGalaxyJourney::before,
#paperdeskGalaxyJourney::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
}

#paperdeskGalaxyJourney::before {
  opacity: calc(1 - var(--pdgj-theme-mix));
  background:
    radial-gradient(circle at 74% 32%, rgba(40, 42, 130, .28), transparent 34%),
    radial-gradient(circle at 20% 42%, rgba(15, 91, 144, .2), transparent 38%),
    linear-gradient(155deg, #01040d, #071027 58%, #020510);
}

#paperdeskGalaxyJourney::after {
  opacity: var(--pdgj-theme-mix);
  background:
    radial-gradient(circle at 67% 34%, rgba(255, 211, 91, .34), transparent 32%),
    radial-gradient(circle at 22% 46%, rgba(54, 152, 194, .22), transparent 39%),
    linear-gradient(155deg, #07152c, #182f55 55%, #6a4a16);
}

body.pdgj-hero-frozen .seal-shell,
body.pdgj-hero-frozen .logo-stage {
  animation-play-state: paused !important;
}

body.pdgj-hero-frozen .logo-stage {
  --tilt-x: 0deg !important;
  --tilt-y: 0deg !important;
  transition: none !important;
}

body.pdgj-hero-proxied .seal-shell {
  visibility: hidden !important;
}

body[data-paperdesk-public-landing] > #paperdeskGalaxyJourney {
  z-index: 29;
}

html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .site-header,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .motion-dock {
  pointer-events: none;
  user-select: none;
}

html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] footer {
  color: color-mix(in srgb, rgba(174,190,226,.54), rgba(63,76,96,.72) calc(var(--paperdesk-theme-mix) * 100%));
}

html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] footer a {
  color: color-mix(in srgb, rgba(210,222,255,.64), #173f91 calc(var(--paperdesk-theme-mix) * 100%));
}

html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .site-header {
  border-bottom-color: color-mix(in srgb, rgba(255,255,255,.07) calc((1 - var(--paperdesk-theme-mix)) * 100%), rgba(22,55,108,.12));
  background: color-mix(in srgb, rgba(2,7,19,.86) calc((1 - var(--paperdesk-theme-mix)) * 100%), rgba(255,253,246,.96));
}

html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .motion-dock {
  border-color: color-mix(in srgb, rgba(255,255,255,.13) calc((1 - var(--paperdesk-theme-mix)) * 100%), rgba(151,92,0,.18));
  background: color-mix(in srgb, rgba(5,12,31,.72) calc((1 - var(--paperdesk-theme-mix)) * 100%), rgba(255,253,244,.88));
  box-shadow: 0 18px 48px color-mix(in srgb, rgba(0,0,0,.34) calc((1 - var(--paperdesk-theme-mix)) * 100%), rgba(88,65,20,.14));
}

html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .cursor-dot,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .cursor-ring {
  opacity: 0 !important;
  visibility: hidden !important;
}

body[data-galaxy-handoff] > .loader {
  display: none !important;
}

html[data-paperdesk-galaxy-handoff-pending] body[data-paperdesk-public-landing] > .site-header,
html[data-paperdesk-galaxy-handoff-reveal="active"] body[data-paperdesk-public-landing] > .site-header {
  transform: translateY(0) !important;
  transition: none !important;
}

html[data-paperdesk-galaxy-handoff-pending] body[data-paperdesk-public-landing] > .motion-dock,
html[data-paperdesk-galaxy-handoff-reveal="active"] body[data-paperdesk-public-landing] > .motion-dock {
  transform: translate(-50%, 0) !important;
  transition: none !important;
}

#paperdeskGalaxyJourney.pdgj-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  cursor: progress;
  transition: none;
}

#paperdeskGalaxyJourney.pdgj-active::before,
#paperdeskGalaxyJourney.pdgj-active::after,
#paperdeskGalaxyJourney.pdgj-active .pdgj-flash {
  will-change: opacity;
}

#paperdeskGalaxyJourney.pdgj-active.pdgj-releasing {
  opacity: 0;
  transition: opacity var(--pdgj-release-ms, 600ms) cubic-bezier(.4, 0, .2, 1);
}

html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] :is(
  .background-grid,
  .solar-rays,
  .solar-corona,
  .stage-glow,
  .energy-ring,
  .ring-ticks,
  .pulse-wave,
  .orbit,
  .orbit-chip,
  .seal-shell,
  .seal-core img,
  .core-dot,
  .visual-orbit,
  .visual-pulse span,
  .visual-focus img,
  .power-toggle__pulse
),
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .title-line--accent > span,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .background-orbs::before,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .background-orbs::after,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .solar-sky::before,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .solar-sky::after,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .primary-button::before,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .seal-core::before,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .scroll-cue i::after,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .visual-orbit::before,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .visual-focus::before,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .visual-focus::after,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] .identity-strip::after {
  animation-play-state: paused !important;
}

html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .site-header,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .site-header *,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .motion-dock,
html[data-paperdesk-galaxy-journey="active"] body[data-paperdesk-public-landing] > .motion-dock * {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-paperdesk-galaxy-handoff-reveal="active"] #paperdeskGalaxyJourney.pdgj-active {
  visibility: visible;
  opacity: 1;
  transition: none;
}

#paperdeskGalaxyJourney.pdgj-holding {
  cursor: wait;
}

#paperdeskGalaxyJourney *,
#paperdeskGalaxyJourney *::before,
#paperdeskGalaxyJourney *::after {
  box-sizing: border-box;
}

.pdgj-canvas,
.pdgj-aurora,
.pdgj-grid,
.pdgj-noise,
.pdgj-flash,
.pdgj-monogram,
.pdgj-constellation,
.pdgj-horizon {
  position: absolute;
  pointer-events: none;
}

.pdgj-canvas {
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
}

.pdgj-vignette {
  position: absolute;
  z-index: 13;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 3, 12, .5), transparent 13%, transparent 82%, rgba(0, 2, 9, .55)),
    radial-gradient(ellipse at center, transparent 37%, rgba(0, 2, 10, .18) 66%, rgba(0, 2, 10, .8) 100%);
}

.pdgj-noise {
  z-index: 12;
  inset: -30%;
  opacity: .055;
  mix-blend-mode: screen;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
  animation: pdgjNoiseShift .42s steps(2) infinite;
}

.pdgj-aurora {
  z-index: 2;
  width: 66vw;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(92px);
  opacity: .23;
  mix-blend-mode: screen;
  will-change: transform;
}

.pdgj-aurora--a {
  left: -18vw;
  top: -18vh;
  background: radial-gradient(circle,
    color-mix(in srgb, rgba(12,119,197,.72), rgba(255,190,67,.62) calc(var(--pdgj-theme-mix) * 100%)),
    color-mix(in srgb, rgba(48,44,255,.2), rgba(54,152,194,.22) calc(var(--pdgj-theme-mix) * 100%)) 43%,
    transparent 69%);
  transform: translate3d(var(--pdgj-aurora-a-x, 0), var(--pdgj-aurora-a-y, 0), 0);
}

.pdgj-aurora--b {
  right: -20vw;
  top: 9vh;
  background: radial-gradient(circle,
    color-mix(in srgb, rgba(63,51,212,.62), rgba(240,164,36,.5) calc(var(--pdgj-theme-mix) * 100%)),
    color-mix(in srgb, rgba(101,232,255,.1), rgba(255,226,131,.2) calc(var(--pdgj-theme-mix) * 100%)) 46%,
    transparent 71%);
  transform: translate3d(var(--pdgj-aurora-b-x, 0), var(--pdgj-aurora-b-y, 0), 0);
}

.pdgj-grid {
  z-index: 2;
  left: -20%;
  right: -20%;
  bottom: -34%;
  height: 78%;
  opacity: var(--pdgj-grid-opacity);
  transform: perspective(560px) rotateX(67deg) translateY(var(--pdgj-grid-y));
  transform-origin: center bottom;
  background-image:
    linear-gradient(color-mix(in srgb, rgba(101,232,255,.2), rgba(255,211,91,.24) calc(var(--pdgj-theme-mix) * 100%)) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, rgba(101,232,255,.16), rgba(54,152,194,.2) calc(var(--pdgj-theme-mix) * 100%)) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 70%, #000 0 32%, transparent 74%);
  mask-image: radial-gradient(ellipse at 50% 70%, #000 0 32%, transparent 74%);
  will-change: transform, opacity;
}

.pdgj-flash {
  z-index: 11;
  inset: 0;
  opacity: var(--pdgj-flash-opacity);
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.98), rgba(159,223,255,.58) 24%, rgba(48,44,255,.2) 47%, transparent 72%);
  mix-blend-mode: screen;
}

.pdgj-monogram {
  z-index: 3;
  left: 50%;
  top: 60%;
  width: 100%;
  text-align: center;
  opacity: var(--pdgj-finale-opacity);
  transform: translate(-50%, -50%) translateY(var(--pdgj-monogram-y)) scale(var(--pdgj-monogram-scale));
  filter: blur(var(--pdgj-monogram-blur));
  will-change: transform, opacity, filter;
}

.pdgj-monogram span {
  position: relative;
  display: inline-block;
  color: transparent;
  font-size: clamp(150px, 31vw, 590px);
  font-weight: 900;
  line-height: .75;
  letter-spacing: -.095em;
  -webkit-text-stroke: 1px rgba(191,226,255,.28);
  text-shadow: 0 0 90px rgba(48,44,255,.22);
}

.pdgj-monogram span::before,
.pdgj-monogram span::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  pointer-events: none;
}

.pdgj-monogram span::before {
  opacity: .24;
  filter: blur(9px);
  background: linear-gradient(92deg, transparent 4%, rgba(101,232,255,.75) 35%, rgba(255,255,255,.88) 51%, rgba(243,198,95,.72) 66%, transparent 95%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: pdgjMonogramSweep 5s ease-in-out infinite;
}

.pdgj-monogram span::after {
  opacity: .4;
  transform: translateX(5px);
  -webkit-text-stroke: 1px rgba(255,255,255,.13);
}

.pdgj-core {
  position: absolute;
  z-index: 7;
  left: 50%;
  top: 50%;
  width: clamp(260px, 35vw, 570px);
  aspect-ratio: 1;
  opacity: max(var(--pdgj-core-opacity), var(--pdgj-core-intro-opacity));
  transform: translate(-50%, -50%) translate3d(var(--pdgj-core-x), var(--pdgj-core-y), 0) scale(var(--pdgj-core-scale)) rotate(var(--pdgj-core-rotate));
  transform-style: preserve-3d;
  will-change: transform, opacity;
  pointer-events: none;
}

#paperdeskGalaxyJourney.pdgj-shared-element .pdgj-core {
  left: var(--pdgj-proxy-origin-left);
  top: var(--pdgj-proxy-origin-top);
  width: var(--pdgj-proxy-base-diameter);
  opacity: var(--pdgj-proxy-opacity);
  transform: translate3d(var(--pdgj-proxy-x), var(--pdgj-proxy-y), 0) translate(-50%, -50%) scale(var(--pdgj-proxy-scale)) rotate(var(--pdgj-proxy-rotate));
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(101,232,255,.3) 35%, rgba(48,44,255,.56) 66%, rgba(243,198,95,.78));
  box-shadow: 0 35px 90px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.18), 0 0 100px rgba(48,44,255,.33);
}

#paperdeskGalaxyJourney.pdgj-shared-element .pdgj-seal {
  width: var(--pdgj-proxy-base-core-diameter);
  padding: 0;
  transform: translate(-50%, -50%) scale(var(--pdgj-proxy-core-scale));
}

#paperdeskGalaxyJourney.pdgj-shared-element .pdgj-seal img {
  width: 78%;
  height: 84%;
}

#paperdeskGalaxyJourney.pdgj-shared-element .pdgj-core__halo,
#paperdeskGalaxyJourney.pdgj-shared-element .pdgj-ring,
#paperdeskGalaxyJourney.pdgj-shared-element .pdgj-orbit-particle,
#paperdeskGalaxyJourney.pdgj-shared-element .pdgj-beam {
  transform-origin: 50% 50%;
}

.pdgj-core::before,
.pdgj-core::after {
  content: "";
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 50%;
  opacity: var(--pdgj-star-bloom);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.pdgj-core::before {
  width: 3px;
  height: 72%;
  background: linear-gradient(transparent, rgba(255,255,255,.9), transparent);
  box-shadow: 0 0 22px rgba(101,232,255,.75);
}

.pdgj-core::after {
  width: 72%;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent);
  box-shadow: 0 0 22px rgba(243,198,95,.55);
}

.pdgj-core__halo,
.pdgj-core__halo::before,
.pdgj-core__halo::after {
  position: absolute;
  border-radius: 50%;
}

.pdgj-core__halo {
  inset: 1%;
  opacity: var(--pdgj-halo-opacity);
  transform: scale(var(--pdgj-halo-scale));
  background: radial-gradient(circle, rgba(255,255,255,.18) 0 9%, color-mix(in srgb, rgba(101,232,255,.09), rgba(255,211,91,.16) calc(var(--pdgj-theme-mix) * 100%)) 20%, color-mix(in srgb, rgba(48,44,255,.13), rgba(240,164,36,.16) calc(var(--pdgj-theme-mix) * 100%)) 41%, transparent 67%);
  filter: blur(9px);
  box-shadow: 0 0 100px rgba(48,44,255,.28);
}

.pdgj-core__halo::before,
.pdgj-core__halo::after {
  content: "";
  inset: 10%;
  border: 1px solid rgba(101,232,255,.24);
  box-shadow: 0 0 42px rgba(101,232,255,.1), inset 0 0 38px rgba(48,44,255,.12);
}

.pdgj-core__halo::after {
  inset: 20%;
  border-color: rgba(243,198,95,.27);
}

.pdgj-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid color-mix(in srgb, rgba(121,167,255,.32), rgba(255,211,91,.38) calc(var(--pdgj-theme-mix) * 100%));
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 22px rgba(101,232,255,.07);
}

.pdgj-ring--1 { width: 72%; height: 72%; animation: pdgjSpin 14s linear infinite; }
.pdgj-ring--2 { width: 86%; height: 86%; border-style: dashed; opacity: .64; animation: pdgjSpinReverse 22s linear infinite; }
.pdgj-ring--3 { width: 104%; height: 104%; border-color: rgba(243,198,95,.2); animation: pdgjSpin 31s linear infinite; }
.pdgj-ring--4 { width: 122%; height: 122%; border-style: dotted; opacity: .32; animation: pdgjSpinReverse 39s linear infinite; }

.pdgj-beam {
  position: absolute;
  left: -34%;
  top: 49.7%;
  width: 168%;
  height: 1px;
  opacity: var(--pdgj-beam-opacity);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, rgba(101,232,255,.44), rgba(255,211,91,.52) calc(var(--pdgj-theme-mix) * 100%)), #fff 50%, color-mix(in srgb, rgba(243,198,95,.38), rgba(54,152,194,.42) calc(var(--pdgj-theme-mix) * 100%)), transparent);
  box-shadow: 0 0 14px rgba(101,232,255,.5);
}

.pdgj-orbit-particle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--pdgj-particle-size, 3px);
  height: var(--pdgj-particle-size, 3px);
  margin: calc(var(--pdgj-particle-size, 3px) / -2);
  border-radius: 50%;
  color: color-mix(in srgb, var(--pdgj-particle-dark, #65e8ff), var(--pdgj-particle-solar, #ffdc7e) calc(var(--pdgj-theme-mix) * 100%));
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
  opacity: .74;
  transform: rotate(var(--pdgj-particle-angle)) translateX(var(--pdgj-particle-radius));
  animation: pdgjParticleOrbit var(--pdgj-particle-time) linear infinite;
}

.pdgj-seal {
  box-sizing: border-box;
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  width: 47%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 8%;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.99) 0 54%, rgba(229,237,255,.9) 68%, rgba(170,193,236,.52) 74%, transparent 76%);
  box-shadow:
    0 28px 74px rgba(0,0,0,.42),
    0 0 0 8px rgba(255,255,255,.035),
    0 0 72px rgba(101,232,255,.32);
}

.pdgj-seal::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -20%;
  left: -55%;
  width: 35%;
  height: 140%;
  transform: translate3d(0, 0, 0) rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  animation: pdgjSealSweep 4.8s ease-in-out infinite;
}

.pdgj-seal img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pdgj-constellation {
  z-index: 5;
  inset: 7%;
  width: 86%;
  height: 86%;
  opacity: var(--pdgj-network-opacity);
  transform: scale(var(--pdgj-network-scale));
  overflow: visible;
  will-change: opacity, transform;
}

.pdgj-constellation path {
  fill: none;
  stroke: url(#paperdeskGalaxyConstellationGradient);
  stroke-width: .8;
  vector-effect: non-scaling-stroke;
  pathLength: 1;
  stroke-dasharray: 1;
  stroke-dashoffset: var(--pdgj-line-dash);
  filter: drop-shadow(0 0 4px rgba(101,232,255,.7));
}

.pdgj-node {
  position: absolute;
  z-index: 8;
  left: var(--pdgj-node-x);
  top: var(--pdgj-node-y);
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: var(--pdgj-network-opacity);
  transform: translate(-50%, -50%) scale(var(--pdgj-network-scale));
  pointer-events: none;
}

.pdgj-node i {
  position: relative;
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 7px rgba(101,232,255,.08), 0 0 24px rgba(101,232,255,.9), 0 0 60px rgba(48,44,255,.58);
}

.pdgj-node i::after {
  content: "";
  position: absolute;
  inset: -15px;
  border: 1px solid rgba(101,232,255,.26);
  border-radius: 50%;
  animation: pdgjNodePing 2.7s ease-out infinite;
  animation-delay: var(--pdgj-node-delay);
}

.pdgj-node span {
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: rgba(235,242,255,.63);
  background: rgba(2,8,24,.5);
  font-size: 7px;
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.pdgj-copy {
  position: absolute;
  z-index: 9;
  top: 50%;
  width: min(43vw, 650px);
  opacity: calc(var(--pdgj-chapter-opacity, 0) * var(--pdgj-scene-reveal));
  transform: translate3d(0, calc(-50% + var(--pdgj-chapter-y, 60px)), 0) scale(var(--pdgj-chapter-scale, .96));
  filter: blur(var(--pdgj-chapter-blur, 8px));
  will-change: auto;
  pointer-events: none;
}

.pdgj-copy.pdgj-near {
  will-change: transform, opacity, filter;
}

.pdgj-copy--0,
.pdgj-copy--2 {
  right: clamp(32px, 8vw, 138px);
  text-align: left;
}

.pdgj-copy--1 {
  left: clamp(32px, 7vw, 116px);
}

.pdgj-copy--3 {
  left: 50%;
  top: 25%;
  width: min(82vw, 980px);
  text-align: center;
  transform: translate3d(-50%, var(--pdgj-chapter-y, 60px), 0) scale(var(--pdgj-chapter-scale, .96));
}

.pdgj-copy__step {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 13px;
  color: rgba(196,207,234,.62);
  font-size: clamp(9px, .9vw, 13px);
  font-weight: 750;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.pdgj-copy__step::before {
  content: "";
  width: 42px;
  height: 1px;
  background: linear-gradient(90deg, #f3c65f, transparent);
}

.pdgj-copy--3 .pdgj-copy__step::before {
  display: none;
}

.pdgj-copy h2 {
  margin: 0;
  color: #eef1fa;
  font-size: clamp(52px, 7.1vw, 116px);
  font-weight: 900;
  line-height: .83;
  letter-spacing: -.065em;
  text-transform: uppercase;
}

.pdgj-copy h2 span {
  display: block;
}

.pdgj-copy h2 .pdgj-outline {
  color: transparent;
  -webkit-text-stroke: 1px rgba(217,229,255,.38);
}

.pdgj-copy h2 .pdgj-gradient {
  color: transparent;
  background: linear-gradient(92deg, #f3d891, #f3c65f 34%, #99dbc8 66%, #65e8ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.pdgj-copy > p:last-child {
  max-width: 560px;
  margin: 24px 0 0;
  color: rgba(202,212,235,.57);
  font-size: clamp(12px, 1.05vw, 16px);
  line-height: 1.7;
}

.pdgj-copy--0 > p:last-child,
.pdgj-copy--2 > p:last-child {
  margin-left: auto;
}

.pdgj-copy--3 > p:last-child {
  margin-inline: auto;
}

.pdgj-rail {
  --pdgj-rail-progress: 0%;
  position: absolute;
  z-index: 10;
  right: clamp(16px, 2.5vw, 42px);
  top: 50%;
  width: 34px;
  height: min(44vh, 430px);
  opacity: var(--pdgj-scene-reveal);
  transform: translateY(-50%);
  pointer-events: none;
}

.pdgj-rail::before,
.pdgj-rail::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  background: rgba(200,216,244,.13);
}

.pdgj-rail::after {
  height: 100%;
  transform: translateX(-50%) scaleY(var(--pdgj-rail-progress));
  transform-origin: 50% 0;
  background: linear-gradient(#65e8ff, #f3c65f);
  box-shadow: 0 0 12px rgba(101,232,255,.32);
  will-change: transform;
}

.pdgj-rail__marker {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: var(--pdgj-marker-y);
  width: 7px;
  height: 7px;
  border: 1px solid rgba(198,216,241,.3);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #07101f;
}

.pdgj-rail__marker.pdgj-current {
  width: 13px;
  height: 13px;
  border-color: rgba(255,255,255,.48);
  background: #eef7ff;
  box-shadow: 0 0 0 8px rgba(101,232,255,.07), 0 0 20px rgba(101,232,255,.62);
}

.pdgj-rail__label {
  position: absolute;
  right: -2px;
  bottom: -40px;
  color: rgba(200,214,240,.38);
  font-size: 7px;
  letter-spacing: .24em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}

.pdgj-counter {
  position: absolute;
  z-index: 10;
  left: clamp(22px, 4vw, 62px);
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  display: flex;
  align-items: baseline;
  gap: 13px;
  opacity: var(--pdgj-scene-reveal);
  color: rgba(213,225,247,.2);
  pointer-events: none;
}

.pdgj-counter strong {
  font-size: 19px;
  font-weight: 450;
  letter-spacing: -.04em;
}

.pdgj-counter i {
  width: 54px;
  height: 1px;
  background: linear-gradient(90deg, rgba(101,232,255,.3), transparent);
}

.pdgj-counter span {
  font-size: 7px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.pdgj-horizon {
  z-index: 4;
  left: 50%;
  bottom: -23vw;
  width: 128vw;
  height: 48vw;
  opacity: var(--pdgj-finale-opacity);
  transform: translateX(-50%) translateY(var(--pdgj-planet-y));
  border-radius: 50% 50% 0 0;
  background: radial-gradient(ellipse at 50% 0%,
    color-mix(in srgb, rgba(20,31,69,.96), rgba(111,77,24,.96) calc(var(--pdgj-theme-mix) * 100%)) 0 41%,
    color-mix(in srgb, rgba(3,8,22,.99), rgba(42,50,68,.99) calc(var(--pdgj-theme-mix) * 100%)) 61%,
    color-mix(in srgb, #01040d, #241b0d calc(var(--pdgj-theme-mix) * 100%)) 78%);
  box-shadow:
    0 -3px 8px rgba(132,209,255,.62),
    0 -18px 60px rgba(48,44,255,.56),
    0 -40px 105px rgba(101,232,255,.18);
  will-change: transform, opacity;
}

/* Paint-only quality tiers; geometry and shared-element choreography stay identical. */
#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-aurora {
  filter: none;
  opacity: .13;
  mix-blend-mode: normal;
  will-change: transform;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-aurora--a,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-aurora--a {
  background: radial-gradient(circle, rgba(12,119,197,.48), rgba(48,44,255,.12) 43%, transparent 69%);
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-aurora--b,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-aurora--b {
  background: radial-gradient(circle, rgba(104,79,202,.34), rgba(243,198,95,.08) 46%, transparent 71%);
}

#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-aurora {
  filter: none;
  opacity: .09;
  mix-blend-mode: normal;
  will-change: transform;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-noise,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-noise {
  display: none;
  animation: none;
  mix-blend-mode: normal;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-flash,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-flash {
  mix-blend-mode: normal;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-monogram,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-monogram {
  filter: none;
  will-change: transform, opacity;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-copy,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-copy {
  filter: none;
  will-change: auto;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-copy.pdgj-near,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-copy.pdgj-near {
  will-change: transform, opacity;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-core__halo,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-core__halo {
  filter: blur(2px);
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-constellation path,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-constellation path {
  filter: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-grid,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-grid {
  background-image:
    linear-gradient(rgba(101,232,255,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(101,232,255,.12) 1px, transparent 1px);
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-horizon {
  background: radial-gradient(ellipse at 50% 0%, rgba(20,31,69,.96) 0 41%, rgba(3,8,22,.99) 61%, #01040d 78%);
  box-shadow: 0 -3px 8px rgba(132,209,255,.5), 0 -18px 52px rgba(48,44,255,.38);
}

#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-horizon {
  background: radial-gradient(ellipse at 50% 0%, rgba(20,31,69,.94) 0 42%, #01040d 78%);
  box-shadow: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-monogram span::before,
#paperdeskGalaxyJourney[data-pdgj-quality="balanced"] .pdgj-node i::after,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-monogram span::before,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-node i::after {
  animation: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-ring,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-orbit-particle,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-seal::before {
  animation: none !important;
}

#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-core__halo {
  filter: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-monogram span {
  text-shadow: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-monogram span::before {
  display: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-ring,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-orbit-particle,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-beam,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-node i,
#paperdeskGalaxyJourney[data-pdgj-quality="low"] .pdgj-rail::after {
  box-shadow: none;
}

/* Emergency paint tier: retain the emblem, chapters, and measured path. */
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"]::before {
  background: #01040d;
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"]::after {
  background: linear-gradient(155deg, #07152c, #182f55 58%, #6a4a16);
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-aurora,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-noise,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-grid {
  display: none;
  animation: none;
  mix-blend-mode: normal;
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-flash {
  mix-blend-mode: normal;
  background: radial-gradient(circle, rgba(255,255,255,.76), rgba(101,232,255,.18) 32%, transparent 70%);
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-monogram,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-copy,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-core__halo,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-constellation path {
  filter: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-monogram,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-copy {
  will-change: auto;
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-monogram,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-copy.pdgj-near {
  will-change: transform, opacity;
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-vignette {
  background: linear-gradient(180deg, rgba(0,3,12,.46), transparent 16%, transparent 82%, rgba(0,2,9,.58));
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-horizon {
  background: radial-gradient(ellipse at 50% 0%, rgba(20,31,69,.94) 0 42%, #01040d 78%);
  box-shadow: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-ring,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-beam,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-node i,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-rail::after {
  box-shadow: none;
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-ring,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-orbit-particle,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-seal::before,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-monogram span::before,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-node i::after {
  animation: none !important;
}

#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-orbit-particle,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-seal::before,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-monogram span::before,
#paperdeskGalaxyJourney[data-pdgj-quality="minimal"] .pdgj-node i::after {
  display: none;
}

/* Essential compositor tier: retain only the shared emblem path and chapter copy. */
#paperdeskGalaxyJourney[data-pdgj-quality="essential"] {
  background: #01040d;
}

#paperdeskGalaxyJourney[data-pdgj-quality="essential"],
#paperdeskGalaxyJourney[data-pdgj-quality="essential"]::before,
#paperdeskGalaxyJourney[data-pdgj-quality="essential"]::after,
#paperdeskGalaxyJourney[data-pdgj-quality="essential"] *,
#paperdeskGalaxyJourney[data-pdgj-quality="essential"] *::before,
#paperdeskGalaxyJourney[data-pdgj-quality="essential"] *::after {
  animation: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  box-shadow: none !important;
}

#paperdeskGalaxyJourney[data-pdgj-quality="essential"]::before,
#paperdeskGalaxyJourney[data-pdgj-quality="essential"]::after,
#paperdeskGalaxyJourney[data-pdgj-quality="essential"] :is(
  .pdgj-canvas,
  .pdgj-aurora,
  .pdgj-grid,
  .pdgj-noise,
  .pdgj-flash,
  .pdgj-monogram,
  .pdgj-constellation,
  .pdgj-node,
  .pdgj-rail,
  .pdgj-counter,
  .pdgj-horizon,
  .pdgj-vignette,
  .pdgj-core__halo,
  .pdgj-ring,
  .pdgj-beam,
  [data-pdgj-orbit-particles]
),
#paperdeskGalaxyJourney[data-pdgj-quality="essential"] .pdgj-core::before,
#paperdeskGalaxyJourney[data-pdgj-quality="essential"] .pdgj-core::after,
#paperdeskGalaxyJourney[data-pdgj-quality="essential"] .pdgj-seal::before {
  opacity: 0 !important;
  visibility: hidden !important;
  will-change: auto !important;
  transition: opacity 160ms ease-out, visibility 0s linear 160ms !important;
}

#paperdeskGalaxyJourney[data-pdgj-quality="essential"] .pdgj-copy {
  will-change: auto;
}

#paperdeskGalaxyJourney[data-pdgj-quality="essential"] .pdgj-copy.pdgj-near {
  will-change: transform, opacity;
}

@keyframes pdgjSpin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes pdgjSpinReverse { to { transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes pdgjParticleOrbit { to { transform: rotate(calc(var(--pdgj-particle-angle) + 360deg)) translateX(var(--pdgj-particle-radius)); } }
@keyframes pdgjNodePing { 0% { transform: scale(.4); opacity: .8; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes pdgjMonogramSweep { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes pdgjSealSweep {
  0%,30% { transform: translate3d(0, 0, 0) rotate(18deg); }
  62%,100% { transform: translate3d(535%, 0, 0) rotate(18deg); }
}
@keyframes pdgjNoiseShift { 0% { transform: translate3d(-1%, 1%, 0); } 50% { transform: translate3d(1%, -1%, 0); } 100% { transform: translate3d(0, 1%, 0); } }

@media (max-width: 900px) {
  .pdgj-copy { width: min(55vw, 560px); }
  .pdgj-node span { display: none; }
}

@media (max-width: 720px) {
  html[data-paperdesk-galaxy-handoff-pending]::after {
    top: 73%;
    /* Phone Arrival core: 92vw × .72 scale × .47 seal. */
    width: 31.1328vw;
  }

  .pdgj-copy,
  .pdgj-copy--0,
  .pdgj-copy--1,
  .pdgj-copy--2 {
    left: 18px;
    right: 28px;
    top: 21%;
    width: auto;
    text-align: left;
    transform: translate3d(0, var(--pdgj-chapter-y, 50px), 0) scale(var(--pdgj-chapter-scale, .96));
  }
  .pdgj-copy--3 {
    left: 18px;
    right: 18px;
    top: 17%;
    width: auto;
    text-align: center;
    transform: translate3d(0, var(--pdgj-chapter-y, 50px), 0) scale(var(--pdgj-chapter-scale, .96));
  }
  .pdgj-copy h2 { font-size: clamp(43px, 14vw, 66px); }
  .pdgj-copy > p:last-child { margin-top: 16px; font-size: 12px; line-height: 1.55; }
  .pdgj-copy--0 > p:last-child,
  .pdgj-copy--2 > p:last-child { margin-left: 0; }
  .pdgj-core { top: 61%; width: 92vw; }
  .pdgj-constellation { inset: 29% -10% 2%; width: 120%; height: 69%; }
  .pdgj-node { display: none; }
  .pdgj-rail { right: 4px; height: 31vh; }
  .pdgj-counter { left: 18px; bottom: calc(78px + env(safe-area-inset-bottom, 0px)); }
  .pdgj-monogram { top: 62%; }
  .pdgj-monogram span { font-size: 46vw; }
  .pdgj-horizon { bottom: -28vw; height: 74vw; }
}

@media (prefers-reduced-motion: reduce) {
  #paperdeskGalaxyJourney { display: none !important; }
  html[data-paperdesk-galaxy-handoff-pending]::before,
  html[data-paperdesk-galaxy-handoff-pending]::after { display: none !important; }
}