/*!
- 📦 Satz Blocks — mask-img-reveal (CSS guard)
- html.satz-pending / html.satz-ready 게이트는 상위 레이어에서 토글된다.
*/

[data-satz="mask-img-reveal"],
[data-mask-reveal] {
  position: relative;
}

[data-satz="mask-img-reveal"] .mask-reveal__item,
[data-mask-reveal] .mask-reveal__item {
  position: relative;
  overflow: hidden;
}

[data-satz="mask-img-reveal"] [data-satz-mask-img],
[data-satz="mask-img-reveal"] [data-mask-reveal-img],
[data-mask-reveal] [data-satz-mask-img],
[data-mask-reveal] [data-mask-reveal-img] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: clip-path;
}

@media (prefers-reduced-motion: reduce) {

  [data-satz="mask-img-reveal"] [data-satz-mask-img],
  [data-satz="mask-img-reveal"] [data-mask-reveal-img],
  [data-mask-reveal] [data-satz-mask-img],
  [data-mask-reveal] [data-mask-reveal-img] {
    clip-path: none !important;
    will-change: auto;
  }
}