/* Перший екран сторінок «Що робимо» — ліва частина як у «Сцені» (рядки заголовка виїжджають — studio/service-hero.js).
   Права частина (демо-сайт / фото) лишається як була. */
.redesign-hero .hero-copy .eyebrow{font:500 11px/1.4 Onest,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#6b6862;display:flex;align-items:center;gap:12px;margin:0}
.redesign-hero .hero-copy .eyebrow::before{content:'';flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#ef8354}
.redesign-hero .hero-copy h1{font-size:clamp(42px,4.9vw,88px);line-height:.98;font-weight:600;letter-spacing:-.05em;color:#20221f;margin:22px 0 0}
.redesign-hero .hero-copy h1 em{font-style:normal;color:#ef8354}
.redesign-hero .hero-copy h1 .sh-ln{display:block;overflow:hidden;padding-bottom:.08em}
.redesign-hero .hero-copy h1 .sh-ln>span{display:inline-block;transform:translateY(108%);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.redesign-hero .hero-copy h1.sh-go .sh-ln>span{transform:none}
.redesign-hero .hero-copy .intro{margin:28px 0 0;font-size:clamp(16px,1.3vw,20px);line-height:1.6;color:#55524c;max-width:44ch}
.redesign-hero .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.redesign-hero .hero-actions :is(.pill,.text-link){display:inline-flex;align-items:center;gap:14px;font:700 13px/1 Onest,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:20px 30px;border-radius:999px;text-decoration:none;transition:background .3s,color .3s,border-color .3s}
.redesign-hero .hero-actions .pill{background:#f15a24;color:#fff;border:1px solid #f15a24}
.redesign-hero .hero-actions .pill span{color:#fff}
.redesign-hero .hero-actions .pill:hover{background:#20221f;border-color:#20221f}
.redesign-hero .hero-actions .text-link{background:transparent;color:#20221f;border:1px solid #20221f33}
.redesign-hero .hero-actions .text-link span{color:#ef8354}
.redesign-hero .hero-actions .text-link:hover{background:#20221f;color:#f3f0ea;border-color:#20221f}
@media(max-width:700px){.redesign-hero .hero-actions :is(.pill,.text-link){padding:17px 22px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.redesign-hero .hero-copy h1 .sh-ln>span{transform:none;transition:none}}