#visual .visual-motion-wrapper {
	width: 100%;
    height: calc(100vh - min(6.40rem, 3.33vw));
    height: calc(100dvh - min(6.40rem, 3.33vw));
	position: relative;
	overflow: hidden;
    /* background-color: var(--ir-color-white); */
}
#visual .visual-motion-wrapper canvas {
	width: 100%;
    max-width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	transition: opacity 0.3s ease-out;
}



#svgOverlay {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  filter: blur(min(0.80rem, 0.42vw));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              filter 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
#svgOverlay img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 비주얼 애니메이션 진행 중일 때 특정 요소들의 스크롤/터치 차단 */
/* body.visual-animating #header, */
body.visual-animating .visual-text-area {
  pointer-events: none;
  touch-action: none;
}

/* @media screen and (max-width: 1000px) {
    #visual .visual-motion-wrapper {
        height: calc(100vh - max(5.00rem, 13.33vw));
        height: calc(100dvh - max(5.00rem, 13.33vw));
    }
} */