/* DX Hero Slider — styles/luxuryfade.css (v2.1.0 분리) */
#dxlf-root {
  position:relative;
  width:100vw;
  height:var(--dxhs-h, 55vh);
  overflow:hidden;
  background:#0b0b0b;
  margin-left:calc(-50vw + 50%);
  margin-right:calc(-50vw + 50%);
  margin-top:-24px;
  margin-bottom:24px;
  display:block;
}
#dxlf-root *,#dxlf-root *::before,#dxlf-root *::after {
  box-sizing:border-box;margin:0;padding:0;
}
/* ── 슬라이드 기본: 배경은 항상 표시, 텍스트만 제어 ── */
#dxlf-root .dxlf-slide {
  position:absolute;top:0;left:0;width:100%;height:100%;
  z-index:1;pointer-events:none;
}
#dxlf-root .dxlf-slide.dxlf-active {
  z-index:2;pointer-events:auto;
}
#dxlf-root .dxlf-slide {
  opacity:0;
  transition:opacity 1.4s ease;
}
#dxlf-root .dxlf-bg {
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transform:scale(1.06);transition:transform 6s ease;
}
#dxlf-root .dxlf-slide::after {
  content:'';position:absolute;inset:0;
  background:linear-gradient(to right,rgba(0,0,0,.65) 0%,rgba(0,0,0,.15) 60%);
  z-index:3;pointer-events:none;
}
#dxlf-root .dxlf-slide.dxlf-active {
  opacity:1;
}
#dxlf-root .dxlf-slide.dxlf-active .dxlf-bg { transform:scale(1); }

/* ── 텍스트 콘텐츠 ── */
#dxlf-root .dxlf-content {
  position:absolute;top:50%;
  left:max(16px, calc((100vw - 1200px) / 2 + 16px));
  transform:translateY(-50%);
  z-index:10;max-width:700px;
}
#dxlf-root .dxlf-text-reveal { overflow:hidden;margin-bottom:10px; }
#dxlf-root .dxlf-subtitle {
  display:block;font-size:.82rem;text-transform:uppercase;
  letter-spacing:.3em;color:rgba(255,255,255,.7);
  transform:translateY(110%);
  transition:transform .8s cubic-bezier(0.25,1,0.5,1);
}
#dxlf-root .dxlf-title {
  display:block;font-size:clamp(2.2rem,5.5vw,5rem);
  font-weight:600;line-height:1.05;color:#fff;
  transform:translateY(110%);
  transition:transform 1s cubic-bezier(0.25,1,0.5,1);
}
#dxlf-root .dxlf-link {
  display:inline-flex;align-items:center;gap:10px;
  margin-top:26px;color:#fff;text-decoration:none;
  font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;
  opacity:0;transform:translateY(16px);
  transition:opacity .8s ease,transform .8s ease;
  border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px;
}
#dxlf-root .dxlf-slide.dxlf-active .dxlf-subtitle { transform:translateY(0);transition-delay:.5s; }
#dxlf-root .dxlf-slide.dxlf-active .dxlf-title    { transform:translateY(0);transition-delay:.65s; }
#dxlf-root .dxlf-slide.dxlf-active .dxlf-link     { opacity:1;transform:translateY(0);transition-delay:.85s; }
/* ── 컨트롤 ── */
#dxlf-root .dxlf-controls {
  position:absolute;bottom:48px;
  left:max(16px, calc((100vw - 1200px) / 2 + 16px));
  right:max(16px, calc((100vw - 1200px) / 2 + 16px));
  z-index:20;display:flex;justify-content:space-between;align-items:center;
}
#dxlf-root .dxlf-counter { font-size:2rem;font-weight:600;color:#fff;display:flex;align-items:baseline;gap:6px; }
#dxlf-root .dxlf-counter-total { font-size:1rem;opacity:.4; }
#dxlf-root .dxlf-nav { display:flex;align-items:center;gap:28px; }
#dxlf-root .dxlf-btn {
  background:none;border:none;color:#fff;
  font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;
  cursor:pointer;padding:10px 0;transition:opacity .3s;
}
#dxlf-root .dxlf-btn:hover { opacity:.6; }

@media(max-width:768px){
  #dxlf-root .dxlf-content{ left:20px;max-width:calc(100% - 40px); }
  #dxlf-root .dxlf-controls{ left:20px;right:20px;bottom:28px; }
}