/*
 * MIGNO TOKYO 13.0
 * Uses the approved one-piece smartphone artwork: frame and ranking screen
 * are a single image. The display is opaque; only the outside is transparent.
 */

.trend-hero-v13 .hero-phone-art-link {
  isolation: isolate;
}

.trend-hero-v13 .hero-phone-art-link picture,
.trend-hero-v13 .hero-phone-art {
  display: block;
  width: 100%;
  height: auto;
}

.trend-hero-v13 .hero-phone-art {
  opacity: 1;
  mix-blend-mode: normal;
  background: transparent;
}

/* Keep the completed artwork large enough to read while fully inside the FV. */
@media (min-width: 1101px) {
  .trend-hero-v13 .hero-phone-art-link {
    right: clamp(-4px, .4vw, 8px);
    bottom: -44px;
    width: clamp(380px, 27.5vw, 420px);
    transform: rotate(2.5deg);
  }

  .trend-hero-v13 .hero-phone-art-link:hover {
    transform: rotate(1.7deg) translateY(-5px);
  }
}

/* The phone remains a desktop-only visual, as agreed. */
@media (max-width: 1100px) {
  .trend-hero-v13 .trend-hero-visual-v10 {
    display: none !important;
  }
}