/* Original BM DoHyeon display type and staggered homepage entrances. */
/* Respond before a cold connection has delivered the first colored frame. */
.jj-site .hero-tools a:focus-visible > img[src$="img_main_visual_link01.png"],
.jj-site .hero-tools a:focus-visible > img[src$="img_main_visual_link02.png"],
.jj-site .hero-tools a:focus-visible > img[src$="img_main_visual_link03.png"] { filter: brightness(1.45); }
@media (hover: hover) {
  .jj-site .hero-tools a:hover > img[src$="img_main_visual_link01.png"],
  .jj-site .hero-tools a:hover > img[src$="img_main_visual_link02.png"],
  .jj-site .hero-tools a:hover > img[src$="img_main_visual_link03.png"] { filter: brightness(1.45); }
}
.jj-site .home-endmills .main_section02__inner .section02_txt .main_section02_tit {
  font-weight: 700;
  font-size: clamp(38px,min(5.82vw,9vh),80px);
}
.jj-site .home-endmills .section02_num__count {
  font-size: clamp(65px,9.45vw,130px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 5px;
  white-space: nowrap;
}
@media (min-width:1200px) {
  .jj-site .home-endmills .main_section02__inner .section02_num {
    padding-right: clamp(0px,calc((100vw - 1375px) * .21),110px) !important;
  }
}
.jj-site .home-endmills .endmill-tools {
  display: block; inset: 0; opacity: 1;
}
.jj-site .home-endmills .endmill-tools img {
  position: absolute; top: 0; right: 8%; width: min(17.1vw,328px);
  height: auto; margin: 0; object-fit: contain;
}
.jj-site .home-endmills .endmill-tools img:nth-child(1) { right: calc(8% + min(21vw,400px)); width: min(16.5vw,316px); }
.jj-site .home-endmills .endmill-tools img:nth-child(2) { right: calc(8% + min(10.2vw,195px)); width: min(16.8vw,323px); }

@media (prefers-reduced-motion: no-preference) {
  .home-motion-ready .section_tit_inner--section01 { --enter-x: 0; --enter-y: 30px; --enter-delay: .2s; --enter-duration: .5s; }
  .home-motion-ready .main_section02_tit { --enter-x: -30px; --enter-y: 0; --enter-delay: .6s; --enter-duration: .8s; }
  .home-motion-ready .section02_txt > p,
  .home-motion-ready .section02_txt > a { --enter-x: -30px; --enter-y: 0; --enter-delay: .8s; --enter-duration: .8s; }
  .home-motion-ready .section02_num { --enter-x: 30px; --enter-y: 0; --enter-delay: .2s; --enter-duration: .5s; }
  .home-motion-ready .endmill-tools img { --enter-x: 130px; --enter-y: -130px; --enter-duration: .5s; --enter-delay: .8s; }
  .home-motion-ready .endmill-tools img:nth-child(2) { --enter-delay: 1s; }
  .home-motion-ready .endmill-tools img:nth-child(3) { --enter-delay: 1.2s; }
  .home-motion-ready:not(.home-motion-entered) :is(.section_tit_inner--section01,.main_section02_tit,.section02_txt > p,.section02_txt > a,.section02_num,.endmill-tools img) { opacity: 0; }
  .home-motion-entered :is(.section_tit_inner--section01,.main_section02_tit,.section02_txt > p,.section02_txt > a,.section02_num,.endmill-tools img) {
    animation: home-enter var(--enter-duration) cubic-bezier(.25,.46,.45,.94) var(--enter-delay) both;
  }
}
@keyframes home-enter {
  from { opacity: 0; transform: translate(var(--enter-x),var(--enter-y)); }
  to { opacity: 1; transform: translate(0,0); }
}
@media (max-width:767px) {
  .jj-site .home-endmills .endmill-tools { display: none; }
  .jj-site .home-endmills .main_section02__inner .section02_txt .main_section02_tit { font-size: clamp(27px,6.52vw,42px); }
  .jj-site .home-endmills .section02_num__count { font-size: clamp(48px,10.43vw,80px); letter-spacing: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-motion-ready :is(.section_tit_inner--section01,.main_section02_tit,.section02_txt > p,.section02_txt > a,.section02_num,.endmill-tools img) { animation: none; opacity: 1; transform: none; }
}