/* ==========================================================
   V230 HERO MESSAGE HIERARCHY
   핵심 설명이 '깨알 글씨'가 되지 않도록 메시지 우선순위 재설계
   V229의 배치/대표작 무빙/기능은 유지하고 타이포와 무빙 레인만 정교화
   ========================================================== */
.hero{
  position:relative !important;
}
.hero .hero-text{
  left:30px !important;
  width:420px !important;
  max-width:420px !important;
  padding:0 !important;
}
.hero .hero-text .eyebrow{
  margin:0 0 7px !important;
  color:#d9aa35 !important;
  font-family:"Noto Sans KR","Pretendard","Malgun Gothic",Arial,sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:1.55px !important;
}
/* 슬로건은 '입구' 역할: 과도하게 크지 않게 */
.hero .v230-art-title{
  margin:0 0 7px !important;
  width:420px !important;
  max-width:420px !important;
  font-family:"Noto Sans KR","Pretendard","Malgun Gothic",Arial,sans-serif !important;
  font-size:22px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:-.75px !important;
  word-break:keep-all !important;
  text-shadow:0 2px 9px rgba(0,0,0,.18) !important;
}
.hero .v230-art-title .v230-white{color:#fffdf7 !important;}
.hero .v230-art-title em{
  color:#efb62c !important;
  font-style:normal !important;
  font-weight:900 !important;
}
/* 실제 핵심 메시지: 제목에 준하는 크기와 굵기로 올림 */
.hero .v230-art-core{
  position:relative !important;
  margin:0 !important;
  width:420px !important;
  max-width:420px !important;
  padding:6px 0 5px 12px !important;
  border-left:4px solid #e8b229 !important;
  font-family:"Noto Sans KR","Pretendard","Malgun Gothic",Arial,sans-serif !important;
  font-size:18px !important;
  line-height:1.34 !important;
  font-weight:850 !important;
  letter-spacing:-.45px !important;
  word-break:keep-all !important;
  text-shadow:0 1px 6px rgba(0,0,0,.2) !important;
}
.hero .v230-art-core .core-gold{
  display:block !important;
  color:#f1bd35 !important;
  font-weight:900 !important;
}
.hero .v230-art-core .core-white{
  display:block !important;
  color:#fffdf8 !important;
  margin-top:2px !important;
  font-weight:800 !important;
}
/* 대표작 3점은 우측에 유지, 텍스트와 충돌하지 않게 */
#bc82TodayHeroWorks.hero-art-triple,
.hero-art-triple{
  right:145px !important;
}
.bc66-hero-fit-panel{right:145px !important;}
/* '오늘의 대표작품'은 작품 테두리 위에 덮이지 않는 상단 레인에서 출발해
   첫 작품으로 부드럽게 들어가며 사라짐 */
.hero .today-feature-track{
  left:446px !important;
  right:auto !important;
  top:4px !important;
  width:590px !important;
  height:30px !important;
  overflow:visible !important;
  clip-path:none !important;
  z-index:250 !important;
  pointer-events:none !important;
}
.hero .bc85-today-visual{
  width:590px !important;
  height:30px !important;
  overflow:visible !important;
}
.hero .today-feature-marquee{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  white-space:nowrap !important;
  color:#f3bc2f !important;
  font-family:"Noto Sans KR","Pretendard","Malgun Gothic",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:28px !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-shadow:0 2px 7px rgba(0,0,0,.32) !important;
  transform-origin:left center !important;
  animation:v230TodayIntoArtwork 9.4s cubic-bezier(.44,.02,.28,1) infinite !important;
  will-change:transform,opacity !important;
}
@keyframes v230TodayIntoArtwork{
  0%   {transform:translate3d(-120px,0,0) scale(1);opacity:0;}
  12%  {transform:translate3d(-45px,0,0) scale(1);opacity:1;}
  62%  {transform:translate3d(210px,0,0) scale(1);opacity:1;}
  80%  {transform:translate3d(285px,8px,0) scale(.94);opacity:1;}
  94%  {transform:translate3d(330px,35px,0) scale(.75);opacity:.72;}
  100% {transform:translate3d(350px,48px,0) scale(.60);opacity:0;}
}
@media(max-width:1180px){
  .hero .hero-text{width:380px !important;max-width:380px !important;}
  .hero .v230-art-title{width:380px !important;max-width:380px !important;font-size:20px !important;}
  .hero .v230-art-core{width:380px !important;max-width:380px !important;font-size:16.5px !important;}
  #bc82TodayHeroWorks.hero-art-triple,.hero-art-triple{right:135px !important;}
  .bc66-hero-fit-panel{right:135px !important;}
  .hero .today-feature-track{left:400px !important;width:520px !important;}
  .hero .bc85-today-visual{width:520px !important;}
}
@media(max-width:900px){
  .hero .v230-art-title{font-size:19px !important;}
  .hero .v230-art-core{font-size:15.5px !important;}
}