/* CodForm — click-to-play walkthrough (animated WebP preview + sound on play) */
.codform-walkthrough {
  background: #fbfbfb;
}

.codform-walkthrough__preview,
.codform-walkthrough__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.codform-walkthrough__video {
  opacity: 0;
  pointer-events: none;
}

.codform-walkthrough.is-playing .codform-walkthrough__preview {
  opacity: 0;
  pointer-events: none;
}

.codform-walkthrough.is-playing .codform-walkthrough__video {
  opacity: 1;
  pointer-events: auto;
}

.codform-walkthrough__overlay {
  transition: opacity 0.25s ease;
  z-index: 2;
}

.codform-walkthrough__overlay.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.codform-walkthrough__play {
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.codform-walkthrough__overlay:hover .codform-walkthrough__play,
.codform-walkthrough__overlay:focus-visible .codform-walkthrough__play {
  transform: scale(1.05);
  background-color: #fff;
}