@import url('./selector-base-v2.css');

/* Desktop: масштаб ближе к референсу, автомобили не пересекают разделитель. */
@media(min-width:721px){
  .selector-stage{
    padding-top:28px;
    background-position:center center;
    background-size:100% 100%;
  }
  .campaign__backdrop{
    top:12%;
    color:rgba(53,49,45,.29);
    font-size:clamp(136px,13vw,218px);
  }
  .campaign__visual{
    overflow:hidden;
  }
  .campaign__visual--camry img,
  .campaign:hover .campaign__visual--camry img{
    max-width:900px;
    max-height:570px;
    transform:translate(-12px,18px) scale(1.1);
  }
  .campaign__visual--lx img,
  .campaign:hover .campaign__visual--lx img{
    max-width:930px;
    max-height:590px;
    transform:translate(22px,16px) scale(1.16);
  }
}

@media(min-width:1500px) and (max-height:940px){
  .selector-stage{padding-top:18px;padding-bottom:28px}
  .campaign__backdrop{top:9%;font-size:clamp(148px,12.2vw,208px)}
  .campaign__visual--camry img,
  .campaign:hover .campaign__visual--camry img{
    max-height:530px;
    transform:translate(-12px,16px) scale(1.12);
  }
  .campaign__visual--lx img,
  .campaign:hover .campaign__visual--lx img{
    max-height:555px;
    transform:translate(22px,14px) scale(1.18);
  }
}