/* linko-lab, волна 2: анимации по всему сайту. Только transform/opacity (+clip-path у заливки), запуск по IntersectionObserver,
   prefers-reduced-motion — статичные кадры. Easing как в волне 1: вход (.2,.7,.2,1), перемещение (.65,0,.35,1). */
:root{--in:cubic-bezier(.2,.7,.2,1);--mv:cubic-bezier(.65,0,.35,1);--out:cubic-bezier(.16,1,.3,1)}

/* ---------- фон: мягкие пятна света, цвет меняется по секции, параллакс */
.amb{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.amb i{position:absolute;width:80vmax;height:80vmax;border-radius:50%;opacity:0;transition:opacity 1.2s var(--in);will-change:transform,opacity}
.amb .a1{left:-30vmax;top:-20vmax;background:radial-gradient(closest-side,rgba(200,164,107,.16),transparent)}
.amb .a2{right:-35vmax;top:10vh;background:radial-gradient(closest-side,rgba(16,60,44,.55),transparent)}
.amb .a3{left:10vw;bottom:-45vmax;background:radial-gradient(closest-side,rgba(170,96,50,.18),transparent)}
.amb[data-k="gold"] .a1,.amb[data-k="em"] .a2,.amb[data-k="ember"] .a3,.amb[data-k="mix"] .a1,.amb[data-k="mix"] .a2{opacity:1}

/* ---------- заголовки по словам через маску */
.mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.mw>span{display:inline-block;transform:translateY(108%);transition:transform .9s var(--out);transition-delay:calc(var(--i,0) * 55ms)}
.mx-in .mw>span{transform:none}

/* ---------- каскад обычных появлений */
html.js .rv{transition:opacity .9s var(--in),transform .9s var(--in)}

/* ---------- разделитель-линия, которая рисуется */
.sep{position:absolute;left:50%;top:0;width:min(1152px,calc(100% - 48px));height:1px;transform:translateX(-50%) scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,transparent,rgba(200,164,107,.55) 20%,rgba(230,204,152,.7) 50%,rgba(200,164,107,.55) 80%,transparent);transition:transform 1.4s var(--mv)}
.sep.on{transform:translateX(-50%) scaleX(1)}
.has-sep{position:relative}

/* ---------- работы: мини-телефоны макетов */
.wk{margin-top:clamp(48px,6vw,80px)}
.wk-h{margin:0 0 18px}
.wk-l{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;perspective:1100px}
.wk-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.wk-c b{font:500 16px/1.2 var(--serif)}
.wk-c .ex{top:-10px}
.wk-ph{position:relative;width:100%;aspect-ratio:9/19;border-radius:28px;padding:6px;background:linear-gradient(145deg,#2A251F,#0F0D0B);
  box-shadow:0 0 0 1px rgba(230,204,152,.16),0 40px 50px -30px rgba(0,0,0,.9);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--in),box-shadow .4s}
.wk-s{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;background:#0E0C0A;transform:translateZ(0)}
.wk-s::before{content:"";position:absolute;top:6px;left:50%;width:34%;height:12px;border-radius:8px;background:#000;transform:translateX(-50%);z-index:3}
.wk-p{position:absolute;left:0;top:0;width:100%}
.wk-p img{display:block;width:100%;height:auto}
.wk-tap{position:absolute;left:50%;top:var(--y,31%);width:22%;aspect-ratio:1;margin:-11% 0 0 -11%;border-radius:50%;background:rgba(255,255,255,.3);border:1.5px solid rgba(255,255,255,.85);opacity:0}
.wk-hl{position:absolute;left:5%;right:5%;top:var(--y,31%);height:8.6%;margin-top:-4.3%;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--c,#C8A46B);opacity:0}
.wk-t{position:absolute;left:8%;right:8%;bottom:7%;z-index:2;padding:8px 6px;border-radius:12px;background:rgba(20,18,15,.92);border:1px solid rgba(230,204,152,.25);color:var(--ink);
  font:500 11px/1.25 var(--sans);text-align:center;opacity:0;transform:translateY(10px)}
.wk.play .wk-p{animation:wkScroll 7s var(--mv) infinite}
.wk.play .wk-tap{animation:wkTap 7s var(--in) infinite}
.wk.play .wk-hl{animation:wkHl 7s var(--in) infinite}
.wk.play .wk-t{animation:wkToast 7s var(--in) infinite}
.wk-c:nth-child(2) *{animation-delay:-1.2s!important}.wk-c:nth-child(3) *{animation-delay:-2.4s!important}.wk-c:nth-child(4) *{animation-delay:-3.6s!important}
.wk-c:nth-child(5) *{animation-delay:-4.8s!important}.wk-c:nth-child(6) *{animation-delay:-6s!important}
@keyframes wkScroll{0%,12%{transform:translateY(0)}28%,62%{transform:translateY(-15%)}80%,100%{transform:translateY(0)}}
@keyframes wkTap{0%,30%{opacity:0;transform:scale(1.4)}34%{opacity:1;transform:scale(1)}37%{transform:scale(.82)}42%{opacity:0;transform:scale(1.5)}100%{opacity:0}}
@keyframes wkHl{0%,34%{opacity:0}38%,58%{opacity:1}64%,100%{opacity:0}}
@keyframes wkToast{0%,40%{opacity:0;transform:translateY(10px)}45%,60%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateY(-6px)}}
html.js .wk-c{opacity:0;transform:translateY(34px)}
html.js .wk.in .wk-c{opacity:1;transform:none;transition:opacity .8s var(--in),transform .9s var(--in);transition-delay:calc(var(--n) * 90ms)}
@media (hover:hover) and (pointer:fine){.wk-c:hover .wk-ph{box-shadow:0 0 0 1px rgba(230,204,152,.4),0 50px 60px -30px rgba(0,0,0,.95)}}
@media (max-width:900px){
  .wk-l{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:14px 24px 8px;margin-inline:-24px;scrollbar-width:none}
  .wk-l::-webkit-scrollbar{display:none}
  .wk-c{flex:0 0 44%;scroll-snap-align:center}
}

/* главный телефон «Работ»: наклон по курсору и прокрутке */
.sty .phone{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--in)}

/* ---------- сцена «карточка на столе» */
.cs{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center}
.cs-st{position:relative;height:clamp(340px,34vw,440px);border-radius:28px;overflow:hidden;container-type:inline-size;border:1px solid var(--line);
  background:radial-gradient(90% 70% at 40% 35%,#4A3527 0%,#2A1E16 55%,#17110C 100%)}
.cs-st::after{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(97deg,transparent 0 22px,rgba(0,0,0,.5) 23px 24px,transparent 25px 61px);pointer-events:none}
.cs-st .ex{top:16px;left:auto;right:16px;transform:none}
.cs-cw{position:absolute;left:8cqw;top:30%;width:50cqw;aspect-ratio:1.586;perspective:900px;z-index:1}
.cs-card{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(46deg) rotateZ(-9deg)}
.cs-fl{position:absolute;inset:0;transform-style:preserve-3d}
.cs-f,.cs-b{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(140deg,#26211A,#0F0D0A 60%,#1C1813);border:1px solid rgba(230,204,152,.45);box-shadow:0 30px 30px -14px rgba(0,0,0,.9)}
.cs-b{transform:rotateY(180deg);background:linear-gradient(140deg,#1C1813,#0F0D0A 50%,#26211A)}
.cs-f .cl{display:flex;align-items:center;gap:8px;font:500 clamp(8px,1.8cqw,11px)/1 var(--sans);letter-spacing:.4em}
.cs-f .cl svg{width:24px;height:15px;fill:none;stroke:var(--gold);stroke-width:1.6}
.cs-f .ct{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.cs-f .ct span{font:500 clamp(12px,3cqw,17px)/1.15 var(--serif)}
.cs-f img,.cs-b img{width:28%;aspect-ratio:1;background:#F3EDE4;border-radius:6px;padding:4px}
.cs-b b{font:500 clamp(12px,3cqw,17px)/1.15 var(--serif)}
.cs-b .st{display:flex;gap:4px;color:var(--gold)}
.cs-b .st svg{width:clamp(12px,3cqw,18px);height:auto;fill:currentColor}
.cs-b .rw{display:flex;align-items:flex-end;justify-content:space-between}
.cs-b small{font-size:clamp(8px,1.8cqw,11px);color:var(--soft)}
.cs-w{position:absolute;left:33cqw;top:52%;width:2px;height:2px;z-index:1}
.cs-w i{position:absolute;left:-18cqw;top:-7cqw;width:36cqw;height:14cqw;border-radius:50%;border:1.5px solid var(--gold-l);opacity:0}
.cs-ph{position:absolute;right:9cqw;top:8%;width:27cqw;aspect-ratio:9/19;z-index:2;border-radius:5cqw;padding:1.1cqw;background:linear-gradient(145deg,#3a332b,#0F0D0B);
  box-shadow:0 0 0 1px rgba(230,204,152,.2),0 30px 40px -20px rgba(0,0,0,.9)}
.cs-sc{position:relative;width:100%;height:100%;border-radius:4cqw;overflow:hidden;background:#050505;font:400 clamp(6px,1.9cqw,10px)/1.3 var(--sans)}
.cs-sc::before{content:"";position:absolute;top:1.2cqw;left:50%;width:32%;height:2.4cqw;border-radius:2cqw;background:#000;transform:translateX(-50%);z-index:4}
.cs-v{position:absolute;inset:0;opacity:0;padding:16% 8% 8%;display:flex;flex-direction:column;gap:5%}
.cs-v1{background:radial-gradient(120% 60% at 50% 0,#173126,#0E0C0A 60%);align-items:stretch}
.cs-v1 h5{margin:0;text-align:center;font:500 clamp(9px,3cqw,15px)/1 var(--serif);letter-spacing:.18em}
.cs-v1 small{display:block;text-align:center;color:var(--gold);font-size:.8em;letter-spacing:.2em;margin-top:-2%}
.cs-v1 span{display:block;padding:7% 8%;border-radius:2cqw;background:rgba(30,27,22,.96);border:1px solid rgba(200,164,107,.28);color:var(--ink)}
.cs-v1 .rv1{position:relative}
.cs-v2{background:#0E0C0A;align-items:center;text-align:center;justify-content:center}
.cs-v2 b{font:500 clamp(10px,3.2cqw,16px)/1.2 var(--serif)}
.cs-v2 .st{display:flex;gap:4%;justify-content:center;width:100%}
.cs-v2 .st svg{width:16%;height:auto;fill:#3a352e}
.cs-v2 em{font-style:normal;font-size:.9em;padding:6% 8%;border-radius:2cqw;background:var(--gold);color:#120F0B;opacity:0}
.cs-cap{display:flex;flex-direction:column;gap:18px}
.cs-pr{display:flex;gap:6px}.cs-pr i{width:26px;height:3px;border-radius:2px;background:var(--line);overflow:hidden;position:relative}
.cs-pr i::after{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left}
.cs-tx{position:relative;min-height:3.2em;font:500 clamp(20px,2.2vw,28px)/1.25 var(--serif)}
.cs-tx span{position:absolute;left:0;top:0;opacity:0;transform:translateY(12px)}
.cs-cap p{color:var(--soft);font-size:15px;max-width:42ch}
/* таймлайн 11 с */
.cs.play *{animation-play-state:running!important}
.cs *{animation-play-state:paused}
.cs-cw{animation:csIn 11s var(--in) infinite}
.cs-fl{animation:csFlip 11s var(--mv) infinite}
.cs-ph{animation:csPh 11s var(--mv) infinite}
.cs-w i{animation:csW 11s ease-out infinite}.cs-w i:nth-child(2){animation-name:csW2}.cs-w i:nth-child(3){animation-name:csW3}
.cs-v1{animation:csV1 11s linear infinite}.cs-v2{animation:csV2 11s linear infinite}
.cs-v1 .rv1 i{position:absolute;inset:-2px;border-radius:2cqw;box-shadow:0 0 0 1.5px var(--gold);opacity:0;animation:csHl 11s linear infinite}
.cs-v2 .st svg{animation:csS1 11s linear infinite}
.cs-v2 .st svg:nth-child(2){animation-name:csS2}.cs-v2 .st svg:nth-child(3){animation-name:csS3}.cs-v2 .st svg:nth-child(4){animation-name:csS4}.cs-v2 .st svg:nth-child(5){animation-name:csS5}
.cs-v2 em{animation:csOk 11s var(--in) infinite}
.cs-tx span:nth-child(1){animation:csC1 11s var(--in) infinite}.cs-tx span:nth-child(2){animation:csC2 11s var(--in) infinite}.cs-tx span:nth-child(3){animation:csC3 11s var(--in) infinite}
.cs-tx span:nth-child(4){animation:csC4 11s var(--in) infinite}.cs-tx span:nth-child(5){animation:csC5 11s var(--in) infinite}
.cs-pr i:nth-child(1)::after{animation:csP1 11s linear infinite}.cs-pr i:nth-child(2)::after{animation:csP2 11s linear infinite}.cs-pr i:nth-child(3)::after{animation:csP3 11s linear infinite}
.cs-pr i:nth-child(4)::after{animation:csP4 11s linear infinite}.cs-pr i:nth-child(5)::after{animation:csP5 11s linear infinite}
@keyframes csIn{0%{opacity:0;transform:translateY(40%)}7%,93%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
@keyframes csFlip{0%,13%{transform:rotateY(0)}21%,29%{transform:rotateY(180deg)}37%,100%{transform:rotateY(360deg)}}
@keyframes csPh{0%,34%{opacity:0;transform:translate(10cqw,-30cqw) rotate(16deg)}
  41%{opacity:1;transform:translate(-36cqw,-6cqw) rotate(-8deg) scale(.86)}
  45%{opacity:1;transform:translate(-36cqw,-1cqw) rotate(-8deg) scale(.8)}
  50%{opacity:1;transform:translate(-36cqw,-1cqw) rotate(-8deg) scale(.8)}
  58%,93%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
@keyframes csW{0%,44%{opacity:0;transform:scale(.3)}45%{opacity:.8;transform:scale(.3)}56%,100%{opacity:0;transform:scale(1.8)}}
@keyframes csW2{0%,47%{opacity:0;transform:scale(.3)}48%{opacity:.7;transform:scale(.3)}59%,100%{opacity:0;transform:scale(1.8)}}
@keyframes csW3{0%,50%{opacity:0;transform:scale(.3)}51%{opacity:.6;transform:scale(.3)}62%,100%{opacity:0;transform:scale(1.8)}}
@keyframes csV1{0%,46%{opacity:0}49%,66%{opacity:1}68%,100%{opacity:0}}
@keyframes csV2{0%,66%{opacity:0}68%,95%{opacity:1}99%,100%{opacity:0}}
@keyframes csHl{0%,60%{opacity:0}61%,66%{opacity:1}67%,100%{opacity:0}}
@keyframes csS1{0%,72%{fill:#3a352e}73%,100%{fill:#F2C14E}}@keyframes csS2{0%,74.5%{fill:#3a352e}75.5%,100%{fill:#F2C14E}}
@keyframes csS3{0%,77%{fill:#3a352e}78%,100%{fill:#F2C14E}}@keyframes csS4{0%,79.5%{fill:#3a352e}80.5%,100%{fill:#F2C14E}}@keyframes csS5{0%,82%{fill:#3a352e}83%,100%{fill:#F2C14E}}
@keyframes csOk{0%,85%{opacity:0;transform:translateY(8px)}88%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes csC1{0%,1%{opacity:0;transform:translateY(12px)}4%,14%{opacity:1;transform:none}17%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes csC2{0%,16%{opacity:0;transform:translateY(12px)}19%,33%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes csC3{0%,35%{opacity:0;transform:translateY(12px)}38%,48%{opacity:1;transform:none}51%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes csC4{0%,50%{opacity:0;transform:translateY(12px)}53%,65%{opacity:1;transform:none}68%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes csC5{0%,67%{opacity:0;transform:translateY(12px)}70%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes csP1{0%{transform:scaleX(0)}15%,100%{transform:scaleX(1)}}@keyframes csP2{0%,15%{transform:scaleX(0)}35%,100%{transform:scaleX(1)}}
@keyframes csP3{0%,35%{transform:scaleX(0)}50%,100%{transform:scaleX(1)}}@keyframes csP4{0%,50%{transform:scaleX(0)}67%,100%{transform:scaleX(1)}}
@keyframes csP5{0%,67%{transform:scaleX(0)}95%,100%{transform:scaleX(1)}}
@media (max-width:860px){.cs{grid-template-columns:minmax(0,1fr)}.cs-cap{order:-1;gap:12px}.cs-tx{font-size:21px;min-height:2.6em}}

/* ---------- карточки физики: наклон */
.pc{transition:transform .5s var(--in),border-color .4s}

/* ---------- плитки сервисов: свет за курсором */
.tile::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(230,204,152,.1),transparent 70%)}
@media (hover:hover) and (pointer:fine){.tile:hover::after{opacity:1}}

/* ---------- тарифы: строки каскадом, «что входит» по пунктам, линия-разделитель рисуется */
html.js .tar .tr{opacity:0;transform:translateY(22px)}
html.js .tar.in .tr{opacity:1;transform:none;transition:opacity .7s var(--in),transform .8s var(--in);transition-delay:calc(var(--n) * 80ms)}
.tr{position:relative;border-bottom-color:transparent}
.tr::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--mv);transition-delay:calc(var(--n) * 80ms + .2s)}
.tar.in .tr::after{transform:scaleX(1)}
.tr[open] .tr-l li{animation:liIn .55s var(--in) both;animation-delay:calc(var(--i) * 45ms)}
.tr[open] .tr-b .btn{animation:liIn .55s var(--in) both;animation-delay:.3s}
@keyframes liIn{from{opacity:0;transform:translateY(10px)}}
.tr-p b{transition:transform .3s var(--in)}
@media (hover:hover) and (pointer:fine){.tr summary:hover .tr-p b{transform:translateX(-4px)}}

/* ---------- калькулятор: итог «подпрыгивает» при изменении, пункты каскадом */
.calc-t b{display:inline-block;transition:transform .35s var(--out)}
.calc-t b.bump{transform:scale(1.06)}
.calc-r output{display:inline-block;transition:transform .25s var(--out)}
.calc-r output.bump{transform:scale(1.15)}
html.js .calc-o>*{opacity:0;transform:translateY(16px)}
html.js .calc.in .calc-o>*{opacity:1;transform:none;transition:opacity .6s var(--in),transform .7s var(--in);transition-delay:calc(var(--n) * 60ms)}
.calc-i{transition:border-color .3s,background .3s,transform .2s var(--in)}
.calc-i:active{transform:scale(.985)}

/* ---------- FAQ: строки каскадом, ответ поднимается */
html.js .faq details{opacity:0;transform:translateY(16px)}
html.js .faq.in details{opacity:1;transform:none;transition:opacity .6s var(--in),transform .7s var(--in);transition-delay:calc(var(--n) * 60ms)}
.faq details[open] p{animation:liIn .5s var(--in) both}
.faq summary{transition:color .3s,transform .3s var(--in)}
@media (hover:hover) and (pointer:fine){.faq summary:hover{transform:translateX(4px)}}

/* ---------- заявка: поля каскадом, линия фокуса, чипы */
html.js #form>*{opacity:0;transform:translateY(16px)}
html.js #form.in>*{opacity:1;transform:none;transition:opacity .6s var(--in),transform .7s var(--in);transition-delay:calc(var(--n) * 70ms)}
#form label:not(.chips label){position:relative}
#form label:not(.chips label)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--gold-l);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--mv)}
#form label:not(.chips label):focus-within::after{transform:scaleX(1)}
.chips label:has(input:checked){animation:pop .35s var(--out)}
@keyframes pop{40%{transform:scale(1.06)}}
html.js .contact li{opacity:0;transform:translateX(-14px)}
html.js .lead-t.in .contact li{opacity:1;transform:none;transition:opacity .6s var(--in),transform .7s var(--in);transition-delay:calc(.25s + var(--n) * 90ms)}

/* ---------- шаги запуска и принципы: каскад */
html.js .tl li{opacity:0;transform:translateY(18px)}
html.js .tl.in li{opacity:1;transform:none;transition:opacity .7s var(--in),transform .8s var(--in);transition-delay:calc(var(--n) * 110ms)}

/* ---------- подвал */
html.js .ft>*{opacity:0;transform:translateY(18px)}
html.js .ft.in>*{opacity:1;transform:none;transition:opacity .7s var(--in),transform .8s var(--in);transition-delay:calc(var(--n) * 90ms)}
.ft .logo svg rect{transition:transform 1s var(--mv)}
html.js .ft:not(.in) .logo svg rect:first-child{transform:translateX(-5px)}
html.js .ft:not(.in) .logo svg rect:last-child{transform:translateX(5px)}
.ft-c{position:relative;border-top-color:transparent}
.ft-c::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--mv) .3s}
.ft.in .ft-c::before{transform:scaleX(1)}
.ft a{transition:color .3s}

/* ---------- меньше движения: всё сразу, сцены — статичный кадр */
@media (prefers-reduced-motion:reduce){
  .amb i{transition:none}
  .mw>span{transform:none!important}
  .sep{transform:translateX(-50%) scaleX(1)!important}
  html.js .wk-c,html.js .tar .tr,html.js .calc-o>*,html.js .faq details,html.js #form>*,html.js .contact li,html.js .tl li,html.js .ft>*{opacity:1!important;transform:none!important}
  .tr::after,.ft-c::before{transform:none!important}
  .wk-ph,.sty .phone{transform:none!important}
  .cs *{animation:none!important}
  .cs-cw{opacity:1}.cs-ph{opacity:1;transform:none}.cs-v2{opacity:1}.cs-v2 .st svg{fill:#F2C14E}.cs-v2 em{opacity:1}
  .cs-tx span:nth-child(5){opacity:1;transform:none}.cs-pr i::after{transform:none}
}
.cs-cap .cs-tx{font:500 clamp(20px,2.2vw,28px)/1.25 var(--serif);color:var(--ink);max-width:none}
@media (max-width:860px){.cs-cap .cs-tx{font-size:21px}}
.cs-st .ex{left:16px;right:auto}