/* The existing card entrance drives the stage. The card surfaces keep their own palette. */
.unified-scroll.depth-scene {
  --depth-navy:0;
  --depth-scene-ink:#122033;
  --depth-scene-accent:#1b5fc9;
  --depth-scene-ui:#40516b;
  --depth-scene-ui-active:#1b5fc9;
  --depth-path-height:240px;
}

/* Switch text palettes instead of blending through low-contrast gray. */
.unified-scroll.depth-scene[data-scene-tone="transition"] {
  --depth-scene-ink:#0b0d10;
  --depth-scene-accent:#10294c;
  --depth-scene-ui:#000;
  --depth-scene-ui-active:#000;
}
.unified-scroll.depth-scene[data-scene-tone="navy"] {
  --depth-scene-ink:#fff;
  --depth-scene-accent:#bedaff;
  --depth-scene-ui:#fff;
  --depth-scene-ui-active:#fff;
}
:root .unified-scroll.depth-scene .unified-stage {
  background:color-mix(in srgb,#e9eff7,#06152a calc(var(--depth-navy)*100%));
}
.unified-scroll.depth-scene .unified-headline {
  color:var(--depth-scene-ink);
}
:root .unified-scroll.depth-scene .depth-word {
  color:var(--depth-scene-accent)!important;
}
.unified-scroll.depth-scene .depth-backdrop svg {
  top:calc(var(--depth-word-top,120px)*(1 - var(--depth-navy)) + 24px*var(--depth-navy));
  height:calc(var(--depth-path-height) + (100% - var(--depth-path-height) - 48px)*var(--depth-navy));
}
.unified-scroll.depth-scene .depth-backdrop path {
  stroke:color-mix(in srgb,#7fa9e6,#6da7ff calc(var(--depth-navy)*100%));
  stroke-width:calc(.7px + .5px*var(--depth-navy));
}
.unified-scroll.depth-scene .unified-progress {
  border-color:color-mix(in srgb,#cbd9eb,#42638e calc(var(--depth-navy)*100%));
}
.unified-scroll.depth-scene .unified-progress button,
.unified-scroll.depth-scene .depth-playback button,
.unified-scroll.depth-scene .unified-layer-caption {
  color:var(--depth-scene-ui);
}
.unified-scroll.depth-scene .unified-progress button[aria-pressed="true"],
.unified-scroll.depth-scene .unified-progress a,
.unified-scroll.depth-scene .unified-layer-caption span.is-on {
  color:var(--depth-scene-ui-active);
}
.unified-scroll.depth-scene .unified-progress button[aria-pressed="true"] {
  text-decoration:underline;
  text-underline-offset:5px;
}
.unified-scroll.depth-scene .unified-progress button b {
  opacity:1;
}
.unified-scroll.depth-scene .unified-progress :focus-visible,
.unified-scroll.depth-scene .depth-playback button:focus-visible {
  outline-color:var(--depth-scene-ui-active);
}
:root .unified-scroll.depth-scene .unified-layer-label {
  color:#122033;
}
.unified-scroll.depth-scene .unified-layer-label span {
  background:#f7f9ff;
  border-color:#bfd3ee;
}
.unified-scroll.depth-scene .unified-layer-label b {
  color:#1b5fc9;
}
.unified-scroll.depth-scene .unified-layer-label i {
  background:var(--depth-scene-accent);
}

/* The no-JavaScript, reduced-motion, and short-screen layouts stay on light paper. */
.static-home .unified-scroll.depth-scene,
.unified-scroll.depth-scene.is-static {
  --depth-navy:0!important;
  --depth-scene-ink:#122033;
  --depth-scene-accent:#1b5fc9;
  --depth-scene-ui:#40516b;
  --depth-scene-ui-active:#1b5fc9;
}
@media(max-width:700px) {
  .unified-scroll.depth-scene { --depth-path-height:130px; }
}
@media(prefers-reduced-motion:reduce) {
  .unified-scroll.depth-scene {
    --depth-navy:0!important;
    --depth-scene-ink:#122033;
    --depth-scene-accent:#1b5fc9;
    --depth-scene-ui:#40516b;
    --depth-scene-ui-active:#1b5fc9;
  }
}