/* Approved Cheonmyeong portraits. Scope excludes main, Ziwei and account pages. */
.hero-assets-87 .hero-portrait {
  height: auto;
  aspect-ratio: 1 / 1;
}
.hero-assets-87 .hero-portrait img {
  display: block;
  object-position: center top;
  transform: none;
}
.hero-assets-87 .hero-portrait::after {
  inset: 83% 0 0;
  background: linear-gradient(transparent, var(--night));
  pointer-events: none;
}
.hero-assets-87 .hero-copy {
  position: relative;
  padding-top: 12px;
}
.hero-assets-87 .portrait-break {
  height: auto;
  aspect-ratio: 4 / 5;
}
.hero-assets-87 .portrait-break > img {
  object-position: center top;
}
.hero-assets-87 .portrait-break::after {
  inset: 55% 0 0;
  background: linear-gradient(transparent, rgba(6, 6, 10, .68) 42%, rgba(6, 6, 10, .95));
}
.hero-assets-87 .portrait-break figcaption {
  bottom: 26px;
}
.hero-assets-87 .final > img {
  display: block;
  height: auto;
  aspect-ratio: 1 / 1;
  object-position: center top;
}

/* New doorway footage; the matching first frame remains visible until playback. */
.hero-assets-87 .hero-portrait > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: 0;
  transition: opacity .18s;
}
.hero-assets-87 .hero-portrait.is-video-ready > video { opacity: 1; }
.hero-assets-87 .hero-motion-toggle {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 16px;
  min-width: 66px;
  min-height: 44px;
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 24px;
  background: rgba(6,6,10,.35);
  color: #fff9ed;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.hero-assets-87 .hero-motion-toggle[hidden] { display: none; }
.hero-assets-87 .hero-motion-toggle:focus-visible { outline: 2px solid #fff9ed; outline-offset: 3px; }
@media(prefers-reduced-motion:reduce) {
  .hero-assets-87 .hero-portrait > video { transition: none; }
}