/* Five approved desktop opening screens; preserve all mobile and text rules. */
@media (min-width: 768px) {
  .detail-refined .refined-opening {
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .detail-refined .refined-opening__image {
    /* Reserve the header, original text block, original 32px text gap and margins. */
    width: min(64vw, calc(max(160px, 100svh - 310px) * var(--hero-ratio)));
  }
}

/* A decoded image must enter from the same pose it already paints. */
@media (prefers-reduced-motion: no-preference) {
  .has-site-js:not(.detail-motion-fallback) :is(.aman-reference, .detail-refined) img[data-intro-image]:not(.spring-entered) {
    opacity: .65 !important;
    transform: translateY(20px) !important;
  }
  .has-site-js:not(.detail-motion-fallback) :is(.aman-reference, .detail-refined) img[data-intro-image][data-motion-direction="from-right"]:not(.spring-entered) {
    transform: translateX(24px) !important;
  }
}
/* Retain the seven approved static phone photos, including landscape. */
@media (max-width: 767px), (max-width: 1024px) and (max-height: 500px) and (hover: none) and (pointer: coarse) {
  .has-site-js:not(.detail-motion-fallback) :is(.aman-reference, .detail-refined) img[data-intro-image][data-phone-static]:not(.spring-entered) {
    opacity: 1 !important;
    transform: none !important;
  }
}