/* WOPD: DESIGN — BUILD FROM: deploy/_shared/commons/patterns/lamp + deploy/_shared/ss-motion/ss-motion.css + DESIGN.md GOLD 1.4 + RING.md
 * REF: deploy/_shared/commons/patterns/lamp/lamp.css + still.md (still-first poster)
 * BRAIN: proof-required — headless 320+1440 stills + reduced.css stillFallback0 TIME0 preserveMeaning hover-fine guard
 * ring: commons
 * seed: inherit (door seed via [data-ss-seed]; fallback silk)
 * still: ./still.md
 * reduced: replace (wash parks at 0.5/0.42; pointer never arms)
 * when-not: payload numbers, receipts, login, more than one lamp per viewport
 *
 * C-LAMP — light finds the line. Tokens only. Not a skin. Not a vendor kit.
 * PERFECTED 2026-09-06 muse-spark-1.2 scaffold — precedent HARNESS-4-4
 */

[data-c-lamp] {
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-height: 96px;
  --c-lamp-x: 0.5;
  --c-lamp-y: 0.42;
}

[data-c-lamp] .c-lamp-wash {
  position: absolute;
  top:-30%;right:-30%;bottom:-30%;left:-30%;
  pointer-events: none;
  background: radial-gradient(
    180px 140px at calc(var(--c-lamp-x) * 100%) calc(var(--c-lamp-y) * 100%),
    color-mix(in oklab, var(--os-ink) 20%, transparent),
    transparent 64%
  );
  opacity: 0.7;
  transition: opacity var(--ss-duration, var(--ss-silk-duration)) var(--ss-easing, var(--ss-silk-easing));
}

[data-c-lamp][data-play] .c-lamp-wash,
[data-c-lamp]:not([data-still]) .c-lamp-wash {
  opacity: 1;
}

[data-c-lamp][data-still] .c-lamp-wash {
  opacity: 0.55;
}

[data-c-lamp] .c-lamp-line {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: calc(var(--os-space-unit) * 3);
  color: var(--os-ink);
  font-family: var(--os-font-display);
  font-size: var(--os-type-headline-size);
  letter-spacing: var(--os-type-headline-tracking);
  text-wrap: balance;
}