/* Orbit Continuum: decorative, static atmosphere around existing content.
 * The controller opts in audited sections only. It does not tag existing galaxies.
 * No text, layout, form, image, watch-face or button dimensions are changed here.
 */
html body .ivey-continuum-zone.ivey-continuum-zone {
  --ic-blue: .135;
  --ic-blue-soft: .075;
  --ic-gold: .018;
  --ic-glow-x: 27%;
  --ic-glow-y: 54%;
  --ic-stars: .66;
  position: relative;
  isolation: isolate;
}

/* A separate child avoids taking over any existing section pseudo-elements.
 * Only this decorative layer clips; menus, focus rings and forms remain free.
 */
html body .ivey-continuum-zone > .ivey-continuum-layer {
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  overflow: clip;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  user-select: none;
}
html body .ivey-continuum-zone > .ivey-continuum-layer::before,
html body .ivey-continuum-zone > .ivey-continuum-layer::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
html body .ivey-continuum-zone > .ivey-continuum-layer::before {
  background:
    radial-gradient(ellipse at 75% 13%, rgba(219,177,96,var(--ic-gold)), transparent 58%),
    radial-gradient(ellipse at var(--ic-glow-x) var(--ic-glow-y), rgba(44,101,147,var(--ic-blue)), transparent 67%),
    radial-gradient(ellipse at 85% 78%, rgba(28,65,103,var(--ic-blue-soft)), transparent 64%);
  -webkit-mask-image: linear-gradient(transparent 0%, #000 15%, #000 76%, transparent 100%);
  mask-image: linear-gradient(transparent 0%, #000 15%, #000 76%, transparent 100%);
}
html body .ivey-continuum-zone > .ivey-continuum-layer::after {
  opacity: var(--ic-stars);
  background-image:
    radial-gradient(circle at 11% 23%, rgba(227,236,239,.32) 0 .55px, transparent .9px),
    radial-gradient(circle at 76% 64%, rgba(199,219,233,.27) 0 .5px, transparent .85px);
  background-size: 389px 349px, 557px 463px;
  -webkit-mask-image: linear-gradient(transparent 0%, #000 23%, #000 77%, transparent 100%);
  mask-image: linear-gradient(transparent 0%, #000 23%, #000 77%, transparent 100%);
}

/* The approved first direction: the seller's existing gold settles into blue.
 * Its background is untouched; this small upper glow belongs to Calibre only.
 */
html body .ivey-continuum-zone[data-ivey-continuum-tone="calibre"] {
  --ic-blue: .14;
  --ic-blue-soft: .07;
  --ic-gold: .05;
  --ic-glow-x: 27%;
  --ic-glow-y: 64%;
}
html body .ivey-continuum-zone[data-ivey-continuum-tone="calibre"] > .ivey-continuum-layer::before {
  -webkit-mask-image: linear-gradient(#000 0%, #000 76%, transparent 100%);
  mask-image: linear-gradient(#000 0%, #000 76%, transparent 100%);
}
html body .ivey-continuum-zone[data-ivey-continuum-tone="warm"] {
  --ic-blue: .105;
  --ic-blue-soft: .06;
  --ic-gold: .045;
  --ic-glow-x: 72%;
  --ic-glow-y: 58%;
}
html body .ivey-continuum-zone[data-ivey-continuum-tone="cool"] {
  --ic-blue: .14;
  --ic-gold: .012;
  --ic-glow-x: 22%;
  --ic-glow-y: 46%;
}
html body .ivey-continuum-zone[data-ivey-continuum-tone="neutral"] {
  --ic-blue: .10;
  --ic-blue-soft: .045;
  --ic-gold: .015;
  --ic-glow-x: 68%;
  --ic-glow-y: 48%;
  --ic-stars: .54;
}

/* These are outer black canvases, not the blue watch components or cards.
 * Their geometry and all watch, listing, gallery and contact controls remain.
 */
html body.home.pp-home #main > #section_page-6371.ivey-continuum-zone #gi-selling-balanced,
html body.home.pp-home #main > #section_page-6371.ivey-continuum-zone #ivey-watchmaker#ivey-watchmaker[data-showroom="sapphire"],
html body.home.pp-home #main > #section_page-6371.ivey-continuum-zone #ivey-watchmaker #ivey-satin-live .jr-product,
html body.ivey-section-page #sp-main.ivey-continuum-zone #gi-selling-balanced,
html body.ivey-section-page #sp-main.ivey-continuum-zone #ivey-watchmaker#ivey-watchmaker[data-showroom="sapphire"],
html body.ivey-section-page #sp-main.ivey-continuum-zone #ivey-watchmaker #ivey-satin-live .jr-product,
html body.home.pp-home #main > #section_page-6372.ivey-continuum-zone #ivey-inventory-orbit#ivey-inventory-orbit,
html body.home.pp-home #main > #section_page-6372.ivey-continuum-zone #ivey-inventory-orbit#ivey-inventory-orbit .io-universe {
  background-color: transparent !important;
}

/* The theme also paints each outer builder container black. Only these empty
 * canvases clear so the decorative layer shows through; nested content stays intact. */
html body.home.pp-home #main > :is(#section_page-6371,#section_page-6372,#ivey-home-client-stories,#section_page-5337,#section_page-6373).ivey-continuum-zone > .container {
  background-color: transparent !important;
}

/* A meteor exists only while the controller schedules one visible section.
 * The short one-shot uses compositor properties; no continual star movement.
 */
html body .ivey-continuum-layer > .ivey-continuum-meteor {
  position: absolute;
  display: block;
  left: var(--ic-x, 17%);
  top: var(--ic-y, 18%);
  width: clamp(36px, var(--ic-length, 7vw), 92px);
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent 0%, rgba(170,210,234,.20) 52%, rgba(229,243,250,.7) 100%);
  opacity: 0;
  transform-origin: right center;
  pointer-events: none;
  animation: ivey-continuum-shoot min(var(--ic-duration, 1.25s), 1.4s) cubic-bezier(.18,.5,.44,1) 1 both;
}
html body .ivey-continuum-layer > .ivey-continuum-meteor::after {
  content: "";
  position: absolute;
  right: -1px;
  top: -.5px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(231,245,251,.8);
}
@keyframes ivey-continuum-shoot {
  0% { opacity: 0; transform: translate3d(-38px,-24px,0) rotate(27deg); }
  15% { opacity: .6; }
  73% { opacity: .38; }
  100% { opacity: 0; transform: translate3d(145px,73px,0) rotate(27deg); }
}

@media (max-width: 767px) {
  html body .ivey-continuum-zone.ivey-continuum-zone { --ic-stars: .51; }
  html body .ivey-continuum-zone > .ivey-continuum-layer::before {
    background:
      radial-gradient(ellipse at 78% 16%, rgba(219,177,96,var(--ic-gold)), transparent 50%),
      radial-gradient(ellipse at var(--ic-glow-x) 58%, rgba(44,101,147,var(--ic-blue)), transparent 65%),
      radial-gradient(ellipse at 88% 82%, rgba(28,65,103,var(--ic-blue-soft)), transparent 58%);
  }
  html body .ivey-continuum-zone > .ivey-continuum-layer::after {
    background-size: 331px 307px, 487px 419px;
  }
  html body .ivey-continuum-layer > .ivey-continuum-meteor { width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .ivey-continuum-layer > .ivey-continuum-meteor { display: none !important; animation: none !important; }
}
html[data-ivey-motion="paused"] body .ivey-continuum-layer > .ivey-continuum-meteor,
html[data-ivey-continuum-motion="paused"] body .ivey-continuum-layer > .ivey-continuum-meteor {
  display: none !important;
  animation: none !important;
}
@media (forced-colors: active) {
  html body .ivey-continuum-zone > .ivey-continuum-layer { display: none !important; }
}
