/* Наведение. Только на устройствах с мышью. Гасится при prefers-reduced-motion. */
@media (hover:hover) and (pointer:fine){
  .tile img{transition:transform .8s var(--ease),filter .5s}
  .pay{transition:transform .3s var(--ease),opacity .3s}
  .pay:hover{transform:translateY(-2px);opacity:1}
  .hex-cta .hex{transition:transform .35s var(--ease)}
  .hex-cta:hover .hex{transform:rotate(22.5deg)}
  .hex-cta:hover .hex span{transform:rotate(-22.5deg) translate(2px,-2px)}
  .line .tile:hover img,.sum .tile:hover img{transform:scale(1.06)}
  .site-logo{transition:color .2s}
  .site-logo:hover{color:var(--brass)}
  .gal__thumb:hover{border-color:var(--ink)}
  .opt:hover .opt__box{background:var(--surface-hi)}
  .chip:not([aria-pressed="true"]):hover{background:rgba(228,239,234,.1)}
  .feature-card .tile:hover img.cut{transform:translateY(-6px) scale(1.02)}
}
@media (prefers-reduced-motion:reduce){
  .tile img,.pay,.hex-cta .hex,.site-logo{transition:none!important}
  .hex-cta:hover .hex,.hex-cta:hover .hex span,.thumb:hover img,.card:hover .tile img,.feature-card .tile:hover img.cut{transform:none!important}
}