/* Наведение в характере сайта: свет и сдвиг, а не прыжки. Только мышь, на таче не залипает. */
@media (hover:hover) and (pointer:fine){
  .ico{transition:transform .35s var(--ease,cubic-bezier(.22,1,.36,1)),box-shadow .35s}
  .pill:hover .ico,.sign__contacts li:hover .ico,.studio__note:hover .ico{transform:scale(1.1) rotate(-6deg);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 40%,transparent),0 12px 24px -8px color-mix(in srgb,var(--color-primary) 90%,transparent)}
  .pill{transition:transform .4s var(--ease,cubic-bezier(.22,1,.36,1)),box-shadow .4s}
  .pill:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 30%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-text) 16%,transparent),0 30px 56px -22px rgba(0,0,0,.7)}
  .hall{transition:transform .35s var(--ease,cubic-bezier(.22,1,.36,1)),background-color .35s,box-shadow .35s}
  .hall:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 34%,transparent)}
  .studio__photo img,.aud__man img,.aud__woman img{transition:transform .8s var(--ease,cubic-bezier(.22,1,.36,1))}
  .studio__photo:hover img{transform:scale(1.025) translateY(-4px)}
  .aud__man:hover img{transform:translateY(-6px)}
  .aud__woman:hover img{transform:translateY(-6px) scale(1.02)}
  .dir.is-active .dir__img{transition:opacity .5s,transform 1s var(--ease,cubic-bezier(.22,1,.36,1))}
  .dir.is-active:hover .dir__img{transform:scale(1.03) translateY(-6px)}
  .node{cursor:default}
  .path.is-drawn .node:hover{transform:translate(-50%,calc(-100% - 28px));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 40%,transparent),0 26px 44px -20px rgba(0,0,0,.8)}
  .aud__chip{transition:transform .35s var(--ease,cubic-bezier(.22,1,.36,1))}
  .aud__chip:hover{transform:translateY(-3px)}
  .seg:hover span{background:color-mix(in srgb,var(--color-text) 10%,transparent)}
  .seg input:checked+span:hover{background:var(--color-primary-hover)}
  .field input[type=text]:hover,.field input[type=tel]:hover,.field select:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 40%,transparent)}
  .aud__list li{transition:transform .3s var(--ease,cubic-bezier(.22,1,.36,1))}
  .aud__list li:hover{transform:translateX(-6px)}
}
/* строки расписания входят при смене дня */
@keyframes row-in{from{opacity:0;transform:translateY(10px)}to{opacity:var(--row-o,1);transform:none}}
.sched__list>.row{animation:row-in .45s var(--ease,cubic-bezier(.22,1,.36,1)) both;animation-delay:calc(var(--n,0) * 55ms)}
@media (prefers-reduced-motion:reduce){
  .sched__list>.row{animation:none}
  .pill,.hall,.ico,.aud__chip,.aud__list li,.studio__photo img,.aud__man img,.aud__woman img{transition:none!important;transform:none!important}
}
