/* Наведение: только мышь (hover + fine pointer), на таче не залипает. Двигаем transform, не размеры. */
@media (hover:hover) and (pointer:fine){
  .band,.sky__img,.door__img,.inv-design__img,.ct__img,.xs__fig{overflow:clip}
  .band img,.sky__img img,.door__img img,.inv-design__img img,.ct__img img{
    transition:transform 1.4s var(--ease-out);
  }
  .band:hover img,.sky__img:hover img,.door--guests:hover .door__img img,.inv-design__img:hover img,.ct__img:hover img{
    transform:scale(1.035);
  }
  .door--investors{transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}
  .door--investors:hover{transform:translateY(-4px);box-shadow:0 26px 52px rgba(6,16,11,.34)}
  .line h3{transition:transform .6s var(--ease-out)}
  .line:hover h3{transform:translateX(10px)}
  .site-footer__word{transition:color .6s var(--ease-soft)}
  .site-footer:hover .site-footer__word{color:#2f463a}
}
@media (prefers-reduced-motion:reduce){
  .band img,.sky__img img,.door__img img,.inv-design__img img,.ct__img img,.door--investors,.line h3{transition:none!important;transform:none!important}
}