/*
 * MIGNO TOKYO 12.0
 * Mobile headline line-break correction and opaque phone display.
 */

/* The repaired phone artwork is slightly taller than the previous asset. */
.trend-hero-v12 .hero-phone-art-link {
  right: clamp(0px, 1vw, 14px);
  bottom: -64px;
  width: clamp(340px, 25vw, 380px);
  transform: rotate(3deg);
}
.trend-hero-v12 .hero-phone-art-link:hover {
  transform: rotate(2.2deg) translateY(-5px);
}
.trend-hero-v12 .hero-phone-art {
  /* Prevent the hero background from blending through translucent pixels. */
  isolation: isolate;
}

/* Keep the two intended title lines intact on phones. */
@media (max-width: 760px) {
  .trend-hero-v12 .trend-hero-copy h1 {
    max-width: none;
    font-size: clamp(27px, 8vw, 32px);
    line-height: 1.43;
    letter-spacing: -.065em;
  }
  .trend-hero-v12 .hero-title-line {
    white-space: nowrap;
  }
  .trend-hero-v12 .trend-hero-copy > p {
    max-width: 340px;
  }
}

@media (max-width: 350px) {
  .trend-hero-v12 .trend-hero-copy h1 {
    font-size: 27px;
  }
}