/* ════════════════════════════════════════════════════
   HERO EDITORIAL COLLAGE — PC only (≥901px)
   조용한 입체감 · 예약 CTA 우선
════════════════════════════════════════════════════ */

.hero-collage {
  display: none;
}

@media (min-width: 901px) {
  .hero-slider--editorial .hero-collage {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
  }

  /* 슬라이드 1 — 콜라주 + 은은한 배경 */
  .hero-slider--editorial .slide.active .slide-bg-1 {
    opacity: 0.42;
    filter: saturate(0.88) brightness(0.72);
  }

  .hero-slider--editorial .slide:not(.active) .hero-collage {
    display: none;
  }

  .hero-collage__stage {
    position: absolute;
    top: 50%;
    right: 4%;
    width: min(48%, 520px);
    height: 78%;
    transform: translateY(-50%);
  }

  .hero-card {
    --card-rot: 0deg;
    position: absolute;
    margin: 0;
    width: 46%;
    background: #FAF7F2;
    padding: 7px 7px 0;
    box-shadow:
      0 2px 4px rgba(24, 21, 19, 0.08),
      0 14px 36px rgba(24, 21, 19, 0.22);
    transition: box-shadow 0.35s ease;
    will-change: transform;
    transform: translate3d(0, 0, 0) rotate(var(--card-rot));
  }

  .hero-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 2.85;
    object-fit: cover;
    filter: saturate(0.94);
  }

  .hero-card figcaption {
    font-size: 9px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(44, 35, 26, 0.55);
    padding: 7px 4px 8px;
    text-align: center;
    font-weight: 500;
  }

  /* Editorial collage positions */
  .hero-card--louvre {
    --card-rot: -5.5deg;
    top: 4%;
    right: 38%;
    z-index: 2;
  }
  .hero-card--orsay {
    --card-rot: 4deg;
    top: 22%;
    right: 4%;
    z-index: 4;
    width: 44%;
  }
  .hero-card--versailles {
    --card-rot: -2deg;
    top: 2%;
    right: 2%;
    z-index: 1;
    width: 42%;
    opacity: 0.92;
  }
  .hero-card--giverny {
    --card-rot: 5deg;
    bottom: 6%;
    right: 28%;
    z-index: 3;
    width: 48%;
  }

  /* 텍스트·CTA 가독성 */
  .hero-slider--editorial .slide-vignette--paris {
    background:
      linear-gradient(90deg, rgba(24, 21, 19, 0.88) 0%, rgba(24, 21, 19, 0.62) 42%, rgba(24, 21, 19, 0.12) 68%, rgba(24, 21, 19, 0.04) 100%),
      linear-gradient(180deg, rgba(24, 21, 19, 0.22) 0%, rgba(24, 21, 19, 0.55) 100%);
  }

  .hero-slider--editorial .slide-content {
    z-index: 5;
    max-width: 52%;
  }

  .hero-slider--editorial .slide-actions {
    position: relative;
    z-index: 6;
  }

  .hero-slider--editorial .slider-controls {
    z-index: 6;
  }

  /* 콜라주 사용 시 나침반·보케 숨김 */
  .hero-slider--editorial .deco-compass,
  .hero-slider--editorial .deco-bokeh {
    display: none;
  }
}

/* 모바일·태블릿 — 정적 배경만 */
@media (max-width: 900px) {
  .hero-collage {
    display: none !important;
  }
  .slide-bg-1 {
    opacity: 1 !important;
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-card {
    transition: none !important;
    will-change: auto !important;
  }
}