/* Shared media contract: one solid hero ground, transparent wrappers, soft edge matte. */
.hero{background:var(--navy);isolation:isolate}
.hero::before,.hero::after{display:none}
.value-field,.decision-figure,.decision-media{background:transparent!important}
.value-field{isolation:auto}
.value-field::before,.value-field::after{display:none}
.value-video,.decision-video{
  background:transparent;mix-blend-mode:lighten;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 20%,#000 80%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 20%,#000 80%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
[data-loop-control]{cursor:pointer;touch-action:manipulation}
.hero-loop{width:100%;aspect-ratio:16/9;justify-self:end;min-width:0;background:transparent}
.hero-loop .value-video{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.hero-loop{width:100%;max-width:520px;justify-self:center;margin-bottom:20px}}
[data-loop-control]:focus-visible{outline:2px solid var(--lavender-light,#b8b1df);outline-offset:4px}
.decision-media [class*="decision-"]{pointer-events:none}
.value-map{background:var(--bone);color:var(--ink)}
.value-map figcaption{color:var(--ink)}