/* 用途：完整主視覺的裝置裁切與閱讀對比。
   執行方式：最後載入。人物、道具、光影皆在同一張畫作內，不另外貼圖。 */
.theme .scene > img { object-position: var(--art-position,50% 50%); }
.contact-pending { cursor: default; }
.site-header nav .contact-pending { display: inline-flex; align-items: center; padding: 15px 0; }
.neon .scene img, .crimson .scene img, .ivory .scene img,
.aurora .scene img, .emerald .scene img, .chrome .scene img,
.pop .scene img { filter: none; }
.compact.neon .scene > img, .compact.crimson .scene > img,
.compact.pop .scene > img { object-position: 50% 0%; }
.neon .scene::after { background: linear-gradient(0deg,#0b0b2020,transparent 40%); }
.mythic .scene img, .cinema .scene img { filter: brightness(.88); }
.reference-portrait { inset: 12px 28px 14px; opacity: 1; border-radius: 210px 210px 0 0; border: 1px solid #d6b16a44; }
.reference-portrait img { object-position: 50% 38%; filter: none; }
.gold-image-badge { position: absolute; bottom: 24px; right: 38px; width: 142px; padding: 14px; background: linear-gradient(120deg,#0c0d0d99,#0c0d0d44); border: 0; box-shadow: none; z-index: 2; }
.mythic .floating-logo, .cinema .floating-logo { display: none; }
@media (min-width:761px) {
  .compact.mythic .scene > img, .compact.cinema .scene > img { object-position: 50% 0%; }
  .compact.mythic .scene, .compact.mythic .art-ring { border-radius: 24px; }
  .compact.mythic .hero-copy, .compact.cinema .hero-copy { width: 70%; margin-right: 26%; }
  .compact.mythic h1, .compact.cinema h1 { max-width: 100%; }
}
@media (max-width:760px) {
  .reference-portrait { inset: 0 20px 0; border-radius: 120px 120px 0 0; }
  .gold-image-badge { bottom: -3px; right: 18px; width: 105px; padding: 10px; }
  /* 全景款上半部展示角色，漸層自然延續到文案區，保留一屏高度。 */
  .compact.mythic .scene > img, .compact.cinema .scene > img {
    height: 52%; object-position: 83% 30%; filter: none;
    mask-image: linear-gradient(#000 64%,transparent 100%);
  }
  .compact.mythic .scene::after, .compact.cinema .scene::after { background: linear-gradient(0deg,var(--bg),transparent 65%); }
  .compact.mythic .hero-copy, .compact.cinema .hero-copy { padding: 210px 10px 15px; }
}