/* 히어로 편집본 영상(전체 화면 한 장면)과 히어로 바로 아래 두 그룹 섹션 모양 — Chris 승인 시안 C2 (2026-10-28) */
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;background:var(--ink)}
/* 영상이 화면 전체에 또렷하게 보이도록 원본보다 가볍게 — 글자가 놓이는 왼쪽·아래만 살짝 어둡게 */
.hero-shade{background:linear-gradient(90deg,rgba(16,17,19,.62) 0%,rgba(16,17,19,.3) 40%,rgba(16,17,19,0) 68%),linear-gradient(0deg,rgba(16,17,19,.78) 0%,rgba(16,17,19,.12) 42%,rgba(16,17,19,.22) 100%)}
.hero-bottom{justify-content:flex-end;gap:22px}
.hero-now{text-align:right;font-size:9px;line-height:1.7;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--paper)}
.hero-now span{display:block;color:#a9ada8;font-weight:600}

.artists-duo{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}
.artist-half{position:relative;display:block;height:clamp(260px,26vw,400px);overflow:hidden;color:var(--paper);background:#242528}
.artist-half img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.artist-crazangel img{object-position:48% 40%}
.artist-hhboys img{object-position:55% 35%}
.artist-half::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,17,19,.85) 0%,rgba(16,17,19,.3) 55%,rgba(16,17,19,.1) 100%)}
.artist-half:hover img{transform:scale(1.035)}
.artist-half:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}
.artist-chip{position:absolute;left:clamp(20px,3.2vw,48px);bottom:clamp(20px,2.8vw,36px);z-index:1;display:flex;flex-direction:column;gap:6px;min-width:250px;padding:14px 17px;border:1px solid rgba(255,255,255,.3);background:rgba(16,17,19,.45)}
.artist-chip strong{font:600 18px/1 var(--display);letter-spacing:.12em}
.artist-chip small{font-size:11px;color:#d6d4cc}

@media (max-width:800px){
  .hero-shade{background:linear-gradient(0deg,rgba(16,17,19,.82) 0%,rgba(16,17,19,.35) 55%,rgba(16,17,19,.45) 100%)}
  .hero-film{object-position:50% 35%}
  /* 오른쪽 아래 챗봇 버튼에 가리지 않게 왼쪽으로 */
  .hero-bottom{justify-content:flex-start}
  .hero-now{text-align:left}
}
@media (max-width:700px){
  .artists-duo{grid-template-columns:1fr}
  .artist-half{height:240px}
  .artist-chip{min-width:0;right:20px}
}
@media (prefers-reduced-motion:reduce){.artist-half img{transition:none}.artist-half:hover img{transform:none}}