/* Голографический перелив фольги — карточка «Фольга».
   Слой красит только блестящие участки (маска demo-foil-mask.webp), сверху идёт световой блик. */
.foil-holo{--hx:30%;--hy:40%}
.foil-holo-layer,.foil-holo-layer::after{
  position:absolute;inset:0;pointer-events:none;
  -webkit-mask:url(/assets/prestige/web/demo-foil-mask.webp) center/cover no-repeat;
          mask:url(/assets/prestige/web/demo-foil-mask.webp) center/cover no-repeat
}
.foil-holo-layer{
  z-index:1;
  background:linear-gradient(115deg,#FF4FB8 0%,#4FD2FF 18%,#FFE14F 36%,#4FFFA0 54%,#A24FFF 72%,#FF4FB8 90%,#4FD2FF 100%) var(--hx) var(--hy)/220% 220%;
  mix-blend-mode:color;opacity:.5;
  animation:foil-drift 8s ease-in-out infinite alternate;
  transition:opacity .35s
}
.foil-holo-layer::after{
  content:'';
  background:radial-gradient(circle at var(--hx) var(--hy),#FFFFFFB0,#FFF6D640 18%,transparent 34%);
  mix-blend-mode:screen;opacity:0;transition:opacity .35s
}
.foil-holo.is-tracking .foil-holo-layer{animation:none;opacity:.75}
.foil-holo.is-tracking .foil-holo-layer::after{opacity:1}
.foil-holo .material-glint{display:none}
@keyframes foil-drift{0%{background-position:0% 20%}100%{background-position:100% 80%}}
@media(prefers-reduced-motion:reduce){.foil-holo-layer{animation:none}}


/* Появление блоков при прокрутке. Класс .reveal ставит effects.js — без JS всё видно сразу. */
.reveal{opacity:0;translate:0 24px;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none;transition:none}}

/* Живой свет по рельефу — карточка «Тиснение».
   Четыре карты граней (emboss-relief-*.webp): со стороны света грани светлеют, с обратной — темнеют. */
.emboss-live .material-glint{display:none}
.emboss-face{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:0;
  -webkit-mask:var(--map) center/cover no-repeat;mask:var(--map) center/cover no-repeat}
.emboss-face[data-dir=r]{--map:url(/assets/prestige/web/emboss-relief-r.webp)}
.emboss-face[data-dir=l]{--map:url(/assets/prestige/web/emboss-relief-l.webp)}
.emboss-face[data-dir=d]{--map:url(/assets/prestige/web/emboss-relief-d.webp)}
.emboss-face[data-dir=u]{--map:url(/assets/prestige/web/emboss-relief-u.webp)}
.emboss-spot{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:soft-light;
  background:radial-gradient(circle at var(--sx,30%) var(--sy,25%),#FFFFFF66,transparent 45%)}

/* Отрасли: плавная смена вкладки — картинка и текст гаснут и проявляются */
.industry-view .industry-image{transition:opacity .35s ease,scale .6s cubic-bezier(.2,.7,.2,1)}
.industry-view .industry-copy>*{transition:opacity .3s ease,translate .4s cubic-bezier(.2,.7,.2,1)}
.industry-view.is-switching .industry-image{opacity:0;scale:1.03;transition-duration:.2s}
.industry-view.is-switching .industry-copy>*{opacity:0;translate:0 8px;transition-duration:.18s}
.industry-view .industry-copy>:nth-child(2){transition-delay:.04s}
.industry-view .industry-copy>:nth-child(3){transition-delay:.08s}
.industry-view .industry-copy>:nth-child(4){transition-delay:.12s}
.industry-view .industry-copy>:nth-child(5){transition-delay:.16s}
.industry-view.is-switching .industry-copy>*{transition-delay:0s}

/* Клиенты: логотипы в цвете; при наведении карточка приподнимается, золотая рамка, логотип чуть крупнее */
@media(hover:hover){
  .clients-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,background .3s ease}
  .clients-card img{transition:scale .4s cubic-bezier(.2,.7,.2,1)}
  .clients-viewport{padding-block:10px;margin-block:-10px}
  .clients-card:hover{box-shadow:0 0 0 1px #CDB17B,0 8px 16px -8px #000C}
  .clients-card:hover img{scale:1.06}
}
@media(prefers-reduced-motion:reduce){.industry-view .industry-image,.industry-view .industry-copy>*,.clients-card,.clients-card img{transition:none}}

/* Вопросы и ответы: без выделения текста и каретки на заголовке, плавное раскрытие (effects.js) */
.faq-list summary{-webkit-user-select:none;user-select:none;caret-color:transparent;-webkit-tap-highlight-color:transparent}
.faq-list summary:focus:not(:focus-visible){outline:0}
.faq-list details{overflow:hidden}
.faq-plus{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .2s ease,background .2s ease,color .2s ease}
.faq-list details.is-closing .faq-plus{transform:none;border-color:#87949d80;background:transparent;color:#d7c08f}
.faq-list details.is-closing summary{color:inherit}