/* Real cold vapor: two transparent footage plumes at the window edge. */
.cold-vapor {
  position: fixed;
  z-index: 18;
  inset: auto 0 0;
  width: 100%;
  height: clamp(240px, 32svh, 320px);
  overflow: hidden;
  contain: strict;
  pointer-events: none;
  user-select: none;
  opacity: 1;
  transition: opacity 450ms ease;
}
.cold-vapor canvas { display: block; width: 100%; height: 100%; }
.cold-vapor:not([data-vapor-state="running"]) { opacity: 0; }
.static-motion .cold-vapor,
[data-motion-preference="reduced"] .cold-vapor { display: none; }
@media (max-width: 700px) {
  .cold-vapor { height: clamp(140px, 21svh, 190px); }
}
@media (prefers-reduced-motion: reduce) {
  .cold-vapor { display: none; transition: none; }
}
@media print { .cold-vapor { display: none; } }