@charset "utf-8";
/* new.css — 사이트별 추가/덮어쓰기 전용 CSS. 다른 CSS 는 건드리지 않는다.
   반드시 기존 CSS 들보다 뒤에 로드할 것. */

/* ── 메인비주얼 MP4 영상 (백오피스 > 메인비주얼 관리에서 "MP4영상" 으로 등록) ──
   sub/main.php 의 .pk-media.is-tall 자리에 <img> 대신 <video> 가 들어간다.
   pk-home-wire.css 의 .pk-media img 규칙이 video 에는 적용되지 않으므로 동일 규칙을 준다.

   삼성 크롬: 영상 터치 시 :hover 가 붙었다 떨어지며 scale(1↔1.06) 이 1.4초간
   커졌다 작아진다. 터치 기본은 확대 없음. 마우스만 ken-burns/hover. */
.pk-media video{
	display:block; width:100%; height:100%; object-fit:cover;
	filter:grayscale(.45) contrast(1.06);
	background:#ececec;
	transform:none;
	transition:filter .3s;
	will-change:auto;
	pointer-events:none;
}
.pk-visual.in .pk-media video,
.pk-media.is-on video,
.pk-media:hover video{ transform:none; }

@media (hover: hover) and (pointer: fine){
	.pk-media video{
		transform:scale(1.1);
		transition:transform 1.4s cubic-bezier(.22,1,.36,1), filter .55s ease;
		will-change:transform;
	}
	.pk-visual.in .pk-media video,
	.pk-media.is-on video{ transform:scale(1); }
	.pk-media:hover video{ filter:grayscale(.08) contrast(1.06); transform:scale(1.06); }
}

@media(prefers-reduced-motion:reduce){
	.pk-media video{ transform:none; transition:filter .3s; will-change:auto; }
	.pk-media:hover video{ transform:none; }
}