/* Движение при прокрутке (ТЗ, раздел 7). Исходный graphic.css не меняется — здесь только надстройка.
   Скрытие до появления включается классом html.motion, который ставит motion.js: без JS и при
   prefers-reduced-motion всё видно сразу. */
.intro-engraving svg{width:100%;height:auto;display:block;filter:drop-shadow(0 0 18px #d4a35322)}
html.motion .reveal{opacity:0;transform:translateY(22px);animation:none!important;
  transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0ms)}
html.motion .reveal.is-visible{opacity:1;transform:none}
@media(max-width:767px){html.motion .reveal{transition-delay:0ms}}

/* «Линия становится решением» — одна ведущая линия гравюры прорисовывается один раз */
html.motion .draw-line{stroke-dasharray:1;stroke-dashoffset:1}
html.motion .draw-line.is-drawn{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1) .15s}

/* Мягкий параллакс скана нейролиний — только компьютер */
.practice-drawing{transform:rotate(-8deg) translate3d(0,var(--py,0px),0)}

@media(hover:hover) and (pointer:fine){
  .audience-card{transition:border-color .2s,background .2s}
  .audience-card-art img{transition:transform .2s}
  .audience-card:hover .audience-card-art img{transform:scale(1.035)}
  .button{transition:box-shadow .2s,background .2s,filter .2s}
  .button-gold:hover{transform:none;filter:brightness(1.06)}
  .button:hover>span{transform:translate(3px,-3px)}
}
summary{transition:color .2s}
summary:hover{color:var(--light)}
summary:focus-visible,.banner-hotspot:focus-visible,.button:focus-visible,.text-link:focus-visible{outline:2px solid #ffdf99;outline-offset:3px}

.footer-legal{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted,#b8aa95)}
.footer-legal nav{display:flex;flex-wrap:wrap;gap:6px 22px;margin:8px 0}
.footer-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-legal a:hover{color:var(--gold)}

@media(prefers-reduced-motion:reduce){
  html.motion .reveal{opacity:1;transform:none;transition:none}
  html.motion .draw-line{stroke-dashoffset:0;transition:none}
  .practice-drawing{transform:rotate(-8deg)}
}