/**
 * Sendorr monochrome astronomical Orbit hero.
 * Dark and light palettes are designed separately; every color is grayscale.
 */

.sendorr-orbit {
  --orbit-hero-background: #050505;
  --orbit-hero-depth: #111111;
  --orbit-line: rgba(255, 255, 255, 0.34);
  --orbit-line-quiet: rgba(255, 255, 255, 0.13);
  --orbit-dot: rgba(255, 255, 255, 0.9);
  --orbit-dot-secondary: rgba(255, 255, 255, 0.42);
  --orbit-star: rgba(255, 255, 255, 0.68);
  --orbit-star-faint: rgba(255, 255, 255, 0.24);
  --orbit-label: rgba(255, 255, 255, 0.48);
  --orbit-time: rgba(255, 255, 255, 0.92);
  --orbit-timezone: rgba(255, 255, 255, 0.46);
  --orbit-node-fill: #f5f5f5;
  --orbit-node-shade: #080808;
  --orbit-glow: rgba(255, 255, 255, 0.12);
  --orbit-readability-solid: rgba(0, 0, 0, 0.78);
  --orbit-readability-clear: rgba(0, 0, 0, 0);
  --orbit-stars-opacity: 0.38;
  --orbit-field-contrast: 0.82;
  --orbit-pointer-x: 0;
  --orbit-pointer-y: 0;
  --orbit-scroll: 0;
  --orbit-near-x: 0px;
  --orbit-near-y: 0px;
  --orbit-mid-x: 0px;
  --orbit-mid-y: 0px;
  --orbit-far-x: 0px;
  --orbit-far-y: 0px;
  --orbit-scroll-near: 0px;
  --orbit-scroll-mid: 0px;
  --orbit-scroll-far: 0px;
  --orbit-scroll-rotation: 0deg;
  --orbit-fade: 0;
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
  isolation: isolate;
  color: var(--orbit-dot);
  opacity: calc(1 - var(--orbit-fade) * 0.94);
  background: var(--orbit-hero-background);
  transition: opacity 240ms ease;
}

html[data-theme='light'] .sendorr-orbit {
  --orbit-hero-background: #f8f8f8;
  --orbit-hero-depth: #e7e7e7;
  --orbit-line: rgba(0, 0, 0, 0.32);
  --orbit-line-quiet: rgba(0, 0, 0, 0.12);
  --orbit-dot: rgba(0, 0, 0, 0.82);
  --orbit-dot-secondary: rgba(0, 0, 0, 0.38);
  --orbit-star: rgba(0, 0, 0, 0.48);
  --orbit-star-faint: rgba(0, 0, 0, 0.2);
  --orbit-label: rgba(0, 0, 0, 0.46);
  --orbit-time: rgba(0, 0, 0, 0.86);
  --orbit-timezone: rgba(0, 0, 0, 0.44);
  --orbit-node-fill: #111111;
  --orbit-node-shade: #f4f4f4;
  --orbit-glow: rgba(0, 0, 0, 0.09);
  --orbit-readability-solid: rgba(255, 255, 255, 0.9);
  --orbit-readability-clear: rgba(255, 255, 255, 0);
  --orbit-stars-opacity: 0.24;
  --orbit-field-contrast: 0.94;
  color: var(--orbit-dot);
}

.sendorr-orbit[data-astronomical-phase='day'] {
  --orbit-stars-opacity: 0.12;
  --orbit-field-contrast: 0.96;
}

.sendorr-orbit[data-astronomical-phase='golden-transition'],
.sendorr-orbit[data-astronomical-phase='civil-twilight'] {
  --orbit-stars-opacity: 0.28;
  --orbit-field-contrast: 0.9;
}

.sendorr-orbit[data-astronomical-phase='nautical-twilight'],
.sendorr-orbit[data-astronomical-phase='astronomical-twilight'] {
  --orbit-stars-opacity: 0.46;
  --orbit-field-contrast: 0.84;
}

.sendorr-orbit[data-astronomical-phase='night'] {
  --orbit-stars-opacity: 0.62;
  --orbit-field-contrast: 0.78;
}

html[data-theme='light'] .sendorr-orbit[data-astronomical-phase='day'] {
  --orbit-stars-opacity: 0.08;
  --orbit-field-contrast: 1;
}

html[data-theme='light'] .sendorr-orbit[data-astronomical-phase='night'] {
  --orbit-stars-opacity: 0.32;
  --orbit-field-contrast: 0.9;
}

.sendorr-orbit__field {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(70% 76% at 83% 48%, rgba(255, 255, 255, 0.055), transparent 66%),
    radial-gradient(46% 52% at 18% 16%, rgba(255, 255, 255, 0.025), transparent 72%),
    linear-gradient(148deg, #050505 0%, #090909 48%, #030303 100%);
  filter: contrast(var(--orbit-field-contrast));
}

html[data-theme='light'] .sendorr-orbit__field {
  background:
    radial-gradient(70% 76% at 83% 48%, rgba(0, 0, 0, 0.05), transparent 66%),
    radial-gradient(44% 50% at 18% 16%, rgba(0, 0, 0, 0.025), transparent 72%),
    linear-gradient(148deg, #ffffff 0%, #f7f7f7 52%, #eeeeee 100%);
}

.sendorr-orbit__far-layer {
  position: absolute;
  inset: 0;
  transform: translate3d(
    var(--orbit-far-x),
    calc(var(--orbit-far-y) + var(--orbit-scroll-far)),
    0
  );
  will-change: transform;
}

.sendorr-orbit__starfield {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: var(--orbit-star);
  opacity: var(--orbit-stars-opacity);
  transition: opacity 900ms ease;
}

.sendorr-orbit__star {
  fill: currentColor;
  opacity: var(--star-opacity);
}

.sendorr-orbit__star--depth-0 { color: var(--orbit-star-faint); }
.sendorr-orbit__star--depth-1 { color: var(--orbit-star); }
.sendorr-orbit__star--depth-2 { color: var(--orbit-dot-secondary); }

.sendorr-orbit__constellation {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0.055;
  opacity: 0.48;
}

.sendorr-orbit__constellation path { fill: none; }
.sendorr-orbit__constellation--b { opacity: 0.24; }

.sendorr-orbit__fine-arc {
  position: absolute;
  width: 34vw;
  aspect-ratio: 2.4;
  border: 1px solid var(--orbit-line-quiet);
  border-color: var(--orbit-line-quiet) transparent transparent;
  border-radius: 50%;
}

.sendorr-orbit__fine-arc--one {
  left: -9vw;
  top: 58vh;
  transform: rotate(18deg);
}

.sendorr-orbit__fine-arc--two {
  right: 4vw;
  top: 4vh;
  width: 24vw;
  opacity: 0.6;
  transform: rotate(-28deg);
}

.sendorr-orbit__main-object {
  --social-tilt-x: 0deg;
  --social-tilt-y: 0deg;
  --social-shift-x: 0px;
  --social-shift-y: 0px;
  position: absolute;
  top: clamp(76px, 8vh, 104px);
  right: clamp(-340px, -20vw, -210px);
  width: min(74vw, 1050px);
  aspect-ratio: 1;
  z-index: 2;
  color: var(--orbit-dot);
  transform: translate3d(
    var(--orbit-near-x),
    calc(var(--orbit-near-y) + var(--orbit-scroll-near)),
    0
  );
  transform-origin: 52% 48%;
  will-change: transform;
  pointer-events: none;
  perspective: 920px;
}

.sendorr-orbit__social-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: translate3d(var(--social-shift-x), var(--social-shift-y), 0)
    rotateX(var(--social-tilt-x))
    rotateY(var(--social-tilt-y));
  transform-style: preserve-3d;
  will-change: transform;
}

.sendorr-orbit__social-layer--back {
  z-index: 0;
}

.sendorr-orbit__social-layer--front {
  z-index: 3;
}

.sendorr-orbit__social-path {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.sendorr-orbit__social-path path {
  stroke: var(--orbit-line-quiet);
  stroke-width: 0.55;
  opacity: 0.72;
  vector-effect: non-scaling-stroke;
}

.sendorr-orbit__social-path--back path {
  opacity: 0.38;
  stroke-dasharray: 1.4 3.6;
}

.sendorr-orbit__social-node {
  --social-node-size: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(clamp(22px, 2.05vw, 30px) * var(--social-node-size));
  height: calc(clamp(22px, 2.05vw, 30px) * var(--social-node-size));
  margin: 0;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(12, 12, 12, 0.72);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 6px 16px rgba(0, 0, 0, 0.35),
    0 0 18px rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
  cursor: default;
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  color: inherit;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  will-change: transform, opacity, filter;
  transition:
    box-shadow 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.sendorr-orbit__social-node[data-depth='back'] {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.03) inset,
    0 3px 10px rgba(0, 0, 0, 0.28);
}

.sendorr-orbit__social-node[data-depth='front'] {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.07) inset,
    0 8px 20px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(255, 255, 255, 0.08);
}

.sendorr-orbit__social-layer--front .sendorr-orbit__social-node {
  pointer-events: auto;
  cursor: pointer;
}

html[data-theme='light'] .sendorr-orbit__social-node {
  border-color: rgba(0, 0, 0, 0.12);
  background: rgba(255, 255, 255, 0.78);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.55) inset,
    0 6px 14px rgba(0, 0, 0, 0.12),
    0 0 14px rgba(0, 0, 0, 0.05);
}

.sendorr-orbit__social-node img {
  width: 54%;
  height: 54%;
  object-fit: contain;
  /* Full monochrome — keep the Orbit hero black-and-white dominant. */
  filter: grayscale(1) contrast(1.08) brightness(1.05);
  pointer-events: none;
}

html[data-theme='light'] .sendorr-orbit__social-node img {
  filter: grayscale(1) contrast(1.12) brightness(0.92);
}

.sendorr-orbit__social-node.is-hovered {
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(18, 18, 18, 0.88);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08) inset,
    0 8px 20px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 255, 255, 0.12);
  z-index: 4;
}

html[data-theme='light'] .sendorr-orbit__social-node.is-hovered {
  border-color: rgba(0, 0, 0, 0.22);
  background: rgba(255, 255, 255, 0.94);
}

.sendorr-orbit__social-tip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(4px);
  padding: 0.28rem 0.5rem;
  border-radius: 8px;
  background: rgba(10, 10, 10, 0.92);
  color: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font: 600 10px/1.2 Manrope, sans-serif;
  letter-spacing: 0.04em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 150ms ease,
    transform 150ms ease;
}

html[data-theme='light'] .sendorr-orbit__social-tip {
  background: rgba(255, 255, 255, 0.96);
  color: rgba(20, 20, 20, 0.9);
  border-color: rgba(0, 0, 0, 0.1);
}

.sendorr-orbit__social-node.is-hovered .sendorr-orbit__social-tip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.sendorr-orbit__main-object--interactive {
  /* Hit-testing stays on the canvas circle only; layout remains non-blocking. */
  pointer-events: none;
}

.sendorr-orbit__planet-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  pointer-events: auto;
  cursor: grab;
  touch-action: pan-y;
  border-radius: 50%;
  /* Clip pointer hit area roughly to the sphere (rings remain non-interactive). */
  clip-path: circle(34.6% at 50% 50%);
  -webkit-clip-path: circle(34.6% at 50% 50%);
}

.sendorr-orbit__main-object[data-planet-dragging='true'] .sendorr-orbit__planet-canvas {
  cursor: grabbing;
  touch-action: none;
}

.sendorr-orbit__main-object[data-planet-reduced-motion='true'] .sendorr-orbit__planet-canvas {
  cursor: default;
  pointer-events: none;
}

.sendorr-orbit__main-svg {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: drop-shadow(0 0 22px var(--orbit-glow));
  pointer-events: none;
}

.sendorr-orbit__main-object[data-planet-mode='canvas'] .sendorr-orbit__sphere-field {
  visibility: hidden;
}

.sendorr-orbit__sphere-field { color: var(--orbit-dot); }

.sendorr-orbit__sphere-outline,
.sendorr-orbit__sphere-grid,
.sendorr-orbit__orbit-ring {
  fill: none;
  stroke: var(--orbit-line);
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

.sendorr-orbit__halo {
  fill: none;
  stroke: var(--orbit-line);
  stroke-width: 0.9;
  opacity: 0.18;
  pointer-events: none;
  filter: blur(0.6px);
}

.sendorr-orbit__sphere-outline { stroke-width: 0.55; opacity: 0.7; }
.sendorr-orbit__sphere-grid { stroke-width: 0.38; opacity: 0.3; }
.sendorr-orbit__sphere-grid--vertical { opacity: 0.2; }
.sendorr-orbit__orbit-ring { stroke-width: 0.5; opacity: 0.7; }
.sendorr-orbit__orbit-ring--dash {
  stroke-dasharray: 2.2 3.8;
  opacity: 0.55;
}
.sendorr-orbit__orbit-ring--micro {
  stroke-dasharray: 1.2 4.5;
  opacity: 0.32;
}

.sendorr-orbit__node-label {
  color: var(--orbit-label);
  font: 600 9px/1 Manrope, sans-serif;
  letter-spacing: 0.18em;
  white-space: nowrap;
}

.sendorr-orbit__secondary-object {
  position: absolute;
  left: 7vw;
  top: 17vh;
  width: clamp(92px, 10vw, 142px);
  aspect-ratio: 1;
  color: var(--orbit-dot-secondary);
  opacity: 0.48;
  transform: translate3d(
    var(--orbit-mid-x),
    calc(var(--orbit-mid-y) + var(--orbit-scroll-mid)),
    0
  );
  will-change: transform;
  pointer-events: none;
}

.sendorr-orbit__secondary-object svg { width: 100%; height: 100%; }
.sendorr-orbit__secondary-outline {
  fill: none;
  stroke: var(--orbit-line-quiet);
  stroke-width: 0.7;
  stroke-dasharray: 2 5;
}

.sendorr-orbit__secondary-path {
  position: absolute;
  inset: -18%;
  border: 1px solid var(--orbit-line-quiet);
  border-radius: 50%;
  transform: rotate(26deg) scaleY(0.38);
}

.sendorr-orbit__sun-node,
.sendorr-orbit__moon-node {
  position: absolute;
  left: var(--orbit-sun-x, 82%);
  top: var(--orbit-sun-y, 30%);
  /* ~300% of the previous 28px marker */
  width: clamp(72px, 9.5vw, 96px);
  height: clamp(72px, 9.5vw, 96px);
  opacity: var(--orbit-sun-visible, 0);
  transform: translate3d(
    calc(-50% + var(--orbit-mid-x)),
    calc(-50% + var(--orbit-mid-y) + var(--orbit-scroll-mid)),
    0
  );
  transition: left 1.2s ease, top 1.2s ease, opacity 700ms ease;
}

.sendorr-orbit__sun-core {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--orbit-node-fill);
  box-shadow:
    0 0 calc(18px + var(--orbit-sun-intensity, 0.5) * 22px) var(--orbit-glow),
    0 0 calc(4px + var(--orbit-sun-intensity, 0.5) * 8px) rgba(255, 255, 255, 0.28);
}

html[data-theme='light'] .sendorr-orbit__sun-core {
  box-shadow:
    0 0 calc(18px + var(--orbit-sun-intensity, 0.5) * 22px) var(--orbit-glow),
    0 0 calc(4px + var(--orbit-sun-intensity, 0.5) * 8px) rgba(0, 0, 0, 0.16);
}

.sendorr-orbit__moon-node {
  left: var(--orbit-moon-x, 76%);
  top: var(--orbit-moon-y, 42%);
  /* ~300% of the previous 34px marker */
  width: clamp(84px, 11vw, 110px);
  height: clamp(84px, 11vw, 110px);
  opacity: var(--orbit-moon-visible, 0.2);
  color: var(--orbit-dot-secondary);
}

.sendorr-orbit__moon-dots {
  display: block;
  width: 100%;
  height: 100%;
}

.sendorr-orbit__moon-outline {
  fill: none;
  stroke: var(--orbit-line-quiet);
  stroke-width: 0.9;
  stroke-dasharray: 1.6 3.4;
}

.sendorr-orbit__clock {
  position: absolute;
  left: 50%;
  top: clamp(78px, 9vh, 100px);
  display: flex;
  align-items: center;
  gap: 9px;
  transform: translateX(-50%);
  color: var(--orbit-time);
  font-family: Manrope, sans-serif;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.12em;
  white-space: nowrap;
  opacity: 0.84;
  pointer-events: none;
}

/* Homepage hero eyebrow placement — replaces marketing eyebrow copy. */
.sendorr-orbit__clock--hero {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  max-width: 100%;
  font-size: inherit;
  font-weight: 600;
  letter-spacing: 0.04em;
  opacity: 1;
  color: inherit;
  white-space: nowrap;
}

.sendorr-orbit__clock[hidden],
.sendorr-orbit__clock-zone[hidden] { display: none; }

.sendorr-orbit__clock-group {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  line-height: 1;
  white-space: nowrap;
}

.sendorr-orbit__clock-divider {
  flex: 0 0 auto;
  width: 18px;
  height: 1px;
  background: var(--orbit-line-quiet);
}

.sendorr-orbit__clock-zone {
  color: var(--orbit-timezone);
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
}

.sendorr-orbit__clock--hero .sendorr-orbit__clock-zone {
  color: inherit;
  font-size: 0.82em;
  font-weight: 600;
  letter-spacing: 0.1em;
  opacity: 0.9;
  text-transform: uppercase;
}

.sendorr-orbit__readability {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, var(--orbit-readability-solid) 0%, var(--orbit-readability-solid) 25%, var(--orbit-readability-clear) 59%),
    linear-gradient(180deg, var(--orbit-readability-solid) 0%, var(--orbit-readability-clear) 19%, var(--orbit-readability-clear) 72%, var(--orbit-readability-solid) 100%);
  opacity: 0.72;
}

html[data-theme='light'] .sendorr-orbit__readability { opacity: 0.62; }

html.has-sendorr-orbit-public body { background: transparent; }

/*
 * Header must stay sticky and above page content (hero video lives in #main).
 * Never demote #site-header to z-index:1 / position:relative — that lets the
 * video paint over mega menus and makes the bar scroll away.
 */
html.has-sendorr-orbit-public #site-header {
  z-index: 80;
}

html.has-sendorr-orbit-public #main,
html.has-sendorr-orbit-public .site-footer {
  position: relative;
  z-index: 1;
}

html.has-sendorr-orbit-public .hero {
  position: relative;
  background: transparent;
  z-index: 0;
}

html.has-sendorr-orbit-public .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(105deg, var(--orbit-readability-solid) 0%, transparent 63%);
  opacity: 0.18;
}

html.has-sendorr-orbit-public .hero > .wrap {
  position: relative;
  z-index: 1;
}

html.has-sendorr-orbit-public .hero-video {
  position: relative;
  z-index: 0;
  filter: grayscale(1) contrast(0.98);
}

html.has-sendorr-orbit-public [data-orbit-fade-stage='0'] { --orbit-section-surface: 0.02; }
html.has-sendorr-orbit-public [data-orbit-fade-stage='1'] { --orbit-section-surface: 0.28; }
html.has-sendorr-orbit-public [data-orbit-fade-stage='2'] { --orbit-section-surface: 0.54; }
html.has-sendorr-orbit-public [data-orbit-fade-stage='3'] { --orbit-section-surface: 0.76; }
html.has-sendorr-orbit-public [data-orbit-fade-stage='4'] { --orbit-section-surface: 0.92; }

html.has-sendorr-orbit-public [data-orbit-fade-stage]:not(.hero) {
  background: color-mix(in srgb, var(--bg, #090909) calc(var(--orbit-section-surface) * 100%), transparent);
  backdrop-filter: blur(calc(var(--orbit-fade, 0) * 7px));
  -webkit-backdrop-filter: blur(calc(var(--orbit-fade, 0) * 7px));
}

html.has-sendorr-orbit-public .site-footer {
  background: color-mix(in srgb, var(--bg, #090909) 95%, transparent);
}

@keyframes sendorr-orbit-twinkle {
  0%, 100% { opacity: calc(var(--star-opacity) * 0.42); }
  45% { opacity: var(--star-opacity); }
  70% { opacity: calc(var(--star-opacity) * 0.72); }
}

@keyframes sendorr-orbit-track-pulse {
  0%, 100% { opacity: var(--pulse-min, 0.28); }
  50% { opacity: var(--pulse-max, 0.72); }
}

@keyframes sendorr-orbit-halo-breathe {
  0%, 100% {
    opacity: 0.12;
    stroke-width: 0.85;
  }
  50% {
    opacity: 0.28;
    stroke-width: 1.15;
  }
}

.sendorr-orbit[data-star-twinkle='true']:not([data-reduced-motion='true']) .sendorr-orbit__star {
  animation: sendorr-orbit-twinkle var(--star-duration, 7s) ease-in-out var(--star-delay, 0s) infinite;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__orbit-ring,
.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__sphere-grid {
  --pulse-min: 0.22;
  --pulse-max: 0.78;
  animation: sendorr-orbit-track-pulse var(--pulse-duration, 5.5s) ease-in-out var(--pulse-delay, 0s) infinite;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__orbit-ring--dash {
  --pulse-min: 0.18;
  --pulse-max: 0.62;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__orbit-ring--micro {
  --pulse-min: 0.12;
  --pulse-max: 0.42;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__sphere-grid {
  --pulse-min: 0.14;
  --pulse-max: 0.4;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__social-path path {
  --pulse-min: 0.22;
  --pulse-max: 0.7;
  animation: sendorr-orbit-track-pulse var(--pulse-duration, 5.8s) ease-in-out var(--pulse-delay, 0s) infinite;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__social-path--back path {
  --pulse-min: 0.12;
  --pulse-max: 0.42;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__halo {
  animation: sendorr-orbit-halo-breathe 7.5s ease-in-out infinite;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__fine-arc--one {
  --pulse-duration: 8.2s;
  --pulse-delay: 0.6s;
  --pulse-min: 0.28;
  --pulse-max: 0.7;
  animation: sendorr-orbit-track-pulse var(--pulse-duration) ease-in-out var(--pulse-delay) infinite;
}

.sendorr-orbit:not([data-reduced-motion='true']):not([data-paused='true']) .sendorr-orbit__fine-arc--two {
  --pulse-duration: 9.6s;
  --pulse-delay: 2.1s;
  --pulse-min: 0.22;
  --pulse-max: 0.62;
  animation: sendorr-orbit-track-pulse var(--pulse-duration) ease-in-out var(--pulse-delay) infinite;
}

.sendorr-orbit[data-paused='true'] *,
.sendorr-orbit[data-reduced-motion='true'] * {
  animation-play-state: paused !important;
}

.sendorr-orbit[data-reduced-motion='true'] .sendorr-orbit__main-object {
  cursor: default;
  pointer-events: none;
}

@media (max-width: 1180px) {
  .sendorr-orbit__main-object {
    right: -35vw;
    width: min(92vw, 920px);
  }
  .sendorr-orbit__secondary-object { left: 4vw; opacity: 0.34; }
  .sendorr-orbit__constellation--b { display: none; }
}

@media (max-width: 767px) {
  .sendorr-orbit__main-object {
    top: 38vh;
    right: -100vw;
    width: 132vw;
    min-width: 620px;
    opacity: 0.78;
  }
  .sendorr-orbit__social-node {
    width: 26px;
    height: 26px;
  }
  .sendorr-orbit__social-path--back {
    opacity: 0.7;
  }
  .sendorr-orbit__social-tip {
    display: none;
  }
  .sendorr-orbit__sphere-field circle:nth-child(2n) { display: none; }
  .sendorr-orbit__secondary-object,
  .sendorr-orbit__fine-arc--one { display: none; }
  .sendorr-orbit__star:nth-child(3n),
  .sendorr-orbit__star:nth-child(4n) { display: none; }
  .sendorr-orbit__sun-node {
    width: clamp(56px, 16vw, 72px);
    height: clamp(56px, 16vw, 72px);
  }
  .sendorr-orbit__moon-node {
    width: clamp(64px, 18vw, 84px);
    height: clamp(64px, 18vw, 84px);
  }
  .sendorr-orbit__clock:not(.sendorr-orbit__clock--hero) {
    top: 76px;
    font-size: 10px;
    opacity: 0.72;
  }
  .sendorr-orbit__readability {
    background:
      linear-gradient(180deg, var(--orbit-readability-solid) 0%, var(--orbit-readability-clear) 26%, var(--orbit-readability-clear) 60%, var(--orbit-readability-solid) 100%),
      linear-gradient(90deg, var(--orbit-readability-solid) 0%, var(--orbit-readability-clear) 100%);
    opacity: 0.76;
  }
}

@media (max-width: 440px) {
  .sendorr-orbit__clock:not(.sendorr-orbit__clock--hero) .sendorr-orbit__clock-zone,
  .sendorr-orbit__clock:not(.sendorr-orbit__clock--hero) .sendorr-orbit__clock-divider {
    display: none;
  }
  .sendorr-orbit__clock:not(.sendorr-orbit__clock--hero) {
    left: auto;
    right: 18px;
    transform: none;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .sendorr-orbit__main-object {
    top: 6vh;
    right: -34vw;
    width: 92vw;
    min-width: 0;
  }
  .sendorr-orbit__clock:not(.sendorr-orbit__clock--hero) { top: 66px; }
  .sendorr-orbit__star:nth-child(2n) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .sendorr-orbit,
  .sendorr-orbit *,
  .sendorr-orbit *::before,
  .sendorr-orbit *::after {
    animation: none !important;
    transition: none !important;
  }
  .sendorr-orbit__far-layer,
  .sendorr-orbit__main-object,
  .sendorr-orbit__secondary-object,
  .sendorr-orbit__sun-node,
  .sendorr-orbit__moon-node {
    transform: none;
  }
  .sendorr-orbit__social-layer {
    transform: none;
  }
}