/* Заголовки: маска на слово */
.mw,.hero__h1 span.mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.04em;margin-bottom:-.04em}
.mw__i{display:inline-block;translate:0 105%;rotate:0 0 1 6deg;transition:translate .9s cubic-bezier(.2,.8,.2,1) var(--d,0s),rotate .9s cubic-bezier(.2,.8,.2,1) var(--d,0s)}
.mreveal.is-in .mw__i{translate:0 0;rotate:0 0 1 0deg}
.founder__type.mreveal img{clip-path:inset(100% 0 0 0);transition:clip-path 1s cubic-bezier(.2,.8,.2,1) var(--d,0s)}
.founder__type.mreveal.is-in img{clip-path:inset(0 0 0 0)}

/* Ссылки: текст прокручивается вверх, снизу выезжает копия; подчёркивание слева направо */
.has-roll{position:relative;display:inline-block}
.roll{display:inline-block;overflow:hidden;vertical-align:top;line-height:1.2}
.roll>span{display:inline-block;position:relative;transition:translate .45s cubic-bezier(.6,0,.2,1)}
.roll>span::after{content:attr(data-t);position:absolute;left:0;top:100%;white-space:nowrap}
.has-roll:hover .roll>span{translate:0 -100%}
.hdr__nav a.has-roll{text-decoration:none!important}
.hdr__nav a.has-roll::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:currentColor;scale:0 1;transform-origin:100% 50%;transition:scale .4s cubic-bezier(.6,0,.2,1)}
.hdr__nav a.has-roll:hover::after{scale:1 1;transform-origin:0 50%}

/* Кнопки: заливка снизу вверх + лёгкий сдвиг с тенью */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:color .35s,translate .25s,box-shadow .25s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--y);translate:0 101%;transition:translate .4s cubic-bezier(.6,0,.2,1)}
.btn--ink:hover{color:var(--ink)}
.btn--ink:hover::before{translate:0 0}
.btn--ink:hover{box-shadow:4px 4px 0 var(--ink);translate:-2px -2px}
.quote .btn::before{background:#fff}
.quote .btn:hover::before{translate:0 0}
.quote .btn:hover{color:var(--ink);box-shadow:none;translate:none}
.hdr__cta:hover{box-shadow:3px 3px 0 var(--ink)}
.hdr__phone.has-roll:hover,.ftr__phone.has-roll:hover{color:var(--ink)}

/* Поля формы: подсветка подписи */
.fld{transition:border-color .2s,background .2s}
.fld:hover{border-color:#555}
.fld:focus-within{background:#222}

@media (prefers-reduced-motion:reduce){.mw__i{translate:none;rotate:none;transition:none}.founder__type.mreveal img{clip-path:none}}
