/* ==========================================================================
   Секции страницы. Токены — из style.css, новых значений не вводим.
   ========================================================================== */

.sec{padding:var(--s8) 0;position:relative}
.sec--tint{background:#EAECEF}
.sec--dark{background:var(--ink);color:#fff}
.wrap--narrow{max-width:900px}

.sec__head{max-width:760px;margin-bottom:var(--s6)}
.h2{
  font-family:'Unbounded',sans-serif;font-weight:500;
  font-size:clamp(24px,2.4vw,var(--t-2xl));line-height:1.16;letter-spacing:-.03em;
  margin-bottom:var(--s2);
}
.h2 i{color:var(--accent);font-style:normal;margin-right:.4em}
.sec__lead{font-size:var(--t-lg);line-height:1.5;color:var(--ink-2);max-width:62ch}
.sec__head--inv .sec__lead{color:rgba(255,255,255,.6)}

/* появление на скролле */
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}

/* ---------- цифры ---------- */
.facts{padding:var(--s6) 0}
.facts__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.fact{background:var(--bg);padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s1);min-width:0}
.fact__n{font-family:'Unbounded',sans-serif;font-size:var(--t-2xl);line-height:1;letter-spacing:-.04em;word-break:break-word}
.fact__l{font-size:var(--t-sm);color:var(--ink-2)}

/* ---------- цены ---------- */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);align-items:start}
.pcard{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);position:relative;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);
}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);border-color:transparent}
.pcard--hi{border-color:var(--ink);box-shadow:var(--shadow)}
.pcard__badge{
  position:absolute;top:0;left:var(--s4);transform:translateY(-50%);
  background:var(--ink);color:#fff;font-size:var(--t-xs);padding:6px var(--s2);border-radius:var(--r-pill);
}
.pcard__for{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.pcard__t{font-family:'Unbounded',sans-serif;font-weight:500;font-size:var(--t-xl);letter-spacing:-.03em}
.pcard__price{font-family:'Unbounded',sans-serif;font-size:var(--t-xl);letter-spacing:-.03em}
.pcard__price span{font-size:var(--t-md);color:var(--ink-2)}
.pcard__term{font-size:var(--t-sm);color:var(--ink-2);margin-top:-12px}
.pcard__promo{
  font-size:var(--t-sm);color:var(--accent);border:1px dashed rgba(166,58,43,.35);
  border-radius:var(--r-pill);padding:6px var(--s2);align-self:flex-start;
}
.pcard__d{font-size:var(--t-sm);color:var(--ink-2);flex:1}
.btn--full{width:100%}

.incl{
  margin-top:var(--s5);display:flex;gap:var(--s3) var(--s4);align-items:baseline;flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:var(--s4);
}
.incl__t{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);flex:none}
.incl__list{list-style:none;margin:0;padding:0;display:flex;gap:var(--s3);flex-wrap:wrap;font-size:var(--t-sm)}
.incl__list li{position:relative;padding-left:18px}
.incl__list li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.35}

.gifts{margin-top:var(--s3);display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.gift{
  background:var(--surface);border-radius:var(--r);padding:var(--s3) var(--s4);
  display:flex;gap:var(--s3);align-items:center;border:1px solid var(--line);
}
.gift__tag{
  font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--accent);
  padding:6px var(--s2);border-radius:var(--r-pill);flex:none;
}
.gift p{font-size:var(--t-sm);color:var(--ink-2)}

/* ---------- кейсы ---------- */
.filters{display:flex;gap:var(--s1);flex-wrap:wrap;margin-bottom:var(--s4)}
.chip{
  font-size:var(--t-sm);padding:10px var(--s3);border-radius:var(--r-pill);
  background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);
  transition:.25s var(--ease);
}
.chip:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-2)}
.chip.is-on{background:var(--ink);color:#fff;box-shadow:none}


/* ---------- шаги ---------- */
.steps{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
}
.step{background:var(--bg);padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s1);position:relative;transition:background .3s var(--ease)}
.step:hover{background:var(--surface)}
.step__n{font-family:'Unbounded',sans-serif;font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.06em}
.step__t{font-size:var(--t-md);font-weight:500}
.step__d{font-size:var(--t-sm);color:var(--ink-2);margin-top:auto}
.step--pin{background:var(--surface)}
.step--pin::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.step--pin .step__n{color:var(--accent)}

/* ---------- договор ---------- */
.pledges{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.pledge{
  border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:var(--s4);
  transition:background .3s var(--ease),border-color .3s var(--ease);
}
.pledge:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}
.pledge h3{font-family:'Unbounded',sans-serif;font-weight:500;font-size:var(--t-lg);letter-spacing:-.02em;margin-bottom:var(--s1)}
.pledge p{font-size:var(--t-sm);color:rgba(255,255,255,.6)}
.honest{
  margin-top:var(--s4);border-radius:var(--r);padding:var(--s4);
  background:rgba(255,255,255,.05);display:flex;gap:var(--s4);align-items:flex-start;flex-wrap:wrap;
}
.honest__t{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);flex:none;padding-top:3px}
.honest p{font-size:var(--t-sm);color:rgba(255,255,255,.72);max-width:80ch}

/* ---------- абонементы ---------- */
.subs{overflow-x:auto;width:100%;max-width:100%;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);-webkit-overflow-scrolling:touch}
.subs__table{width:100%;border-collapse:collapse;min-width:760px;font-size:var(--t-sm)}
.subs__table th,.subs__table td{padding:var(--s3);text-align:left;border-bottom:1px solid var(--line-2)}
.subs__table thead th{vertical-align:top;font-weight:500;font-family:'Unbounded',sans-serif;font-size:var(--t-md);letter-spacing:-.02em}
.subs__table thead th span{display:block;font-family:'Onest',sans-serif;font-size:var(--t-sm);color:var(--ink-2);font-weight:400;margin-top:6px}
.subs__table thead th em{
  display:inline-block;font-style:normal;font-family:'Onest',sans-serif;font-size:var(--t-xs);
  background:var(--accent);color:#fff;padding:4px 10px;border-radius:var(--r-pill);margin-left:var(--s1);
}
.subs__table .is-hi{background:#FAFAFB}
.subs__table td[data-y]::before{content:'✓';color:var(--accent);font-weight:600}
.subs__table td[data-n]::before{content:'—';color:#C3C8CE}
.subs__sep td{border-top:1px solid var(--line);color:var(--ink-2)}
.subs__save td{font-weight:500}
.subs__cta td{border-bottom:0;padding-top:var(--s3)}

.ref{
  margin-top:var(--s4);background:var(--accent);color:#fff;border-radius:var(--r);
  padding:var(--s4);display:flex;gap:var(--s3);align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.ref p{font-size:var(--t-lg)}
.ref .btn--ghost{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);color:#fff}
.ref .btn--ghost::before{background:#fff}
.ref .btn--ghost:hover{color:var(--accent)}

/* ---------- команда ---------- */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2)}
.tcard{
  background:var(--surface);border-radius:var(--r-sm);padding:var(--s3);
  display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);
  transition:transform .3s var(--ease)
}
.tcard:hover{transform:translateY(-4px)}
.tcard__role{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.tcard__name{font-family:'Unbounded',sans-serif;font-size:var(--t-md);letter-spacing:-.02em}

.partners{margin-top:var(--s5);border-top:1px solid var(--line);padding-top:var(--s4)}
.partners__t,.partners__note{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.partners__row{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s3) 0}
.partners__row span{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);
  padding:10px var(--s3);font-size:var(--t-sm);
}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q summary{
  list-style:none;cursor:pointer;padding:var(--s3) 44px var(--s3) 0;position:relative;
  font-size:var(--t-lg);font-weight:500;transition:color .2s var(--ease);
}
.q summary::-webkit-details-marker{display:none}
.q summary::after{
  content:'';position:absolute;right:12px;top:50%;width:12px;height:12px;
  border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);
  transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease);
}
.q[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.q summary:hover{color:var(--accent)}
.q p{padding:0 0 var(--s4);color:var(--ink-2);max-width:78ch}

/* ---------- финал ---------- */
.final{background:var(--ink);color:#fff;padding:var(--s8) 0}
.final__in{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s3)}
.final__t{font-family:'Unbounded',sans-serif;font-weight:500;font-size:clamp(28px,3.4vw,var(--t-3xl));line-height:1.1;letter-spacing:-.035em}
.final__d{color:rgba(255,255,255,.6);max-width:52ch}
.final__cta{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center;margin-top:var(--s2)}
.btn--inv{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.btn--inv::before{background:#fff}
.btn--inv:hover{color:var(--ink)}

/* ---------- подвал ---------- */
.foot{background:#0A0C0F;color:rgba(255,255,255,.68);padding:var(--s6) 0 var(--s4)}
.foot__in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr 1fr;gap:var(--s4)}
.foot .brand{color:#fff}
.foot__note{font-size:var(--t-sm);margin-top:var(--s2);max-width:30ch}
.foot__col{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-sm)}
.foot__t{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:var(--s1)}
.foot__col a{transition:color .2s var(--ease)}
.foot__col a:hover{color:#fff}
.foot__soc{margin-top:var(--s1)}
.foot__bottom{
  display:flex;justify-content:space-between;font-size:var(--t-xs);color:rgba(255,255,255,.4);
  border-top:1px solid rgba(255,255,255,.1);margin-top:var(--s5);padding-top:var(--s3);
}

/* ---------- модалки ---------- */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--s3)}
.modal[hidden]{display:none}
.modal__back{position:absolute;inset:0;background:rgba(10,12,15,.55);backdrop-filter:blur(6px);animation:fade .3s var(--ease)}
.modal__win{
  position:relative;background:var(--surface);border-radius:var(--r);width:min(720px,100%);
  max-height:88vh;overflow:auto;padding:var(--s5);box-shadow:0 40px 90px rgba(10,12,15,.28);
  animation:pop .4s var(--ease);
}
.modal__win--text{width:min(640px,100%)}
.modal__win--text p{color:var(--ink-2);margin-bottom:var(--s2);font-size:var(--t-sm)}
.modal__t{font-family:'Unbounded',sans-serif;font-weight:500;font-size:var(--t-xl);letter-spacing:-.03em;margin-bottom:var(--s3)}
.modal__x{position:absolute;top:var(--s3);right:var(--s3);width:40px;height:40px;border-radius:50%;font-size:24px;line-height:1;color:var(--ink-2);transition:.25s var(--ease)}
.modal__x:hover{background:#F1F2F4;color:var(--ink)}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}

/* ---------- квиз ---------- */
.quiz__bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden;margin-bottom:var(--s2)}
.quiz__bar i{display:block;height:100%;background:var(--accent);transition:width .45s var(--ease)}
.quiz__count{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--s4)}
.qstep{border:0;margin:0;padding:0;display:none}
.qstep.is-on{display:block;animation:fade .35s var(--ease)}
.qstep__t{font-family:'Unbounded',sans-serif;font-weight:500;font-size:var(--t-xl);letter-spacing:-.03em;padding:0;margin-bottom:var(--s3)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0;width:0;height:0}
.opt span{
  display:block;padding:var(--s3);border-radius:var(--r-sm);
  box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-md);
  transition:.25s var(--ease);
}
.opt:hover span{box-shadow:inset 0 0 0 1px var(--ink-2)}
.opt input:checked + span{box-shadow:inset 0 0 0 2px var(--accent);background:#FDF6F5}
.opt input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.opt--sm span{padding:10px var(--s3);border-radius:var(--r-pill);font-size:var(--t-sm)}
.ways{display:flex;gap:var(--s1);margin:var(--s3) 0}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.field input{
  height:52px;padding:0 var(--s3);border-radius:var(--r-sm);border:0;
  box-shadow:inset 0 0 0 1px var(--line);font:inherit;background:var(--surface);
  transition:box-shadow .25s var(--ease);
}
.field input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--accent)}
.agree{display:flex;gap:var(--s1);align-items:flex-start;font-size:var(--t-sm);color:var(--ink-2);cursor:pointer}
.agree input{margin-top:3px;accent-color:var(--accent)}
.recap{margin-top:var(--s3);font-size:var(--t-sm);color:var(--ink-2);display:flex;gap:var(--s1);flex-wrap:wrap}
.recap b{background:#F1F2F4;border-radius:var(--r-pill);padding:6px var(--s2);font-weight:400}
.quiz__nav{display:flex;gap:var(--s2);margin-top:var(--s4)}
.quiz__done{text-align:center;padding:var(--s5) 0}
.quiz__ok{
  display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;
  background:var(--accent);color:#fff;font-size:24px;margin-bottom:var(--s3);
}
.quiz__done h3{font-family:'Unbounded',sans-serif;font-weight:500;font-size:var(--t-xl);letter-spacing:-.03em;margin-bottom:var(--s2)}
.quiz__done p{color:var(--ink-2);max-width:46ch;margin:0 auto var(--s3)}

/* ---------- куки ---------- */
.cookie{
  position:fixed;left:var(--s3);right:var(--s3);bottom:var(--s3);z-index:90;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow-lift);padding:var(--s3) var(--s4);
  display:flex;gap:var(--s3);align-items:center;justify-content:space-between;flex-wrap:wrap;
  max-width:760px;margin:0 auto;animation:pop .5s var(--ease);
}
.cookie[hidden]{display:none}
.cookie p{font-size:var(--t-sm);color:var(--ink-2);max-width:60ch}

/* ---------- адаптив ---------- */
@media (max-width:1100px){
  .sec{padding:var(--s7) 0}
  .prices{grid-template-columns:1fr}
  .pcard--hi{order:-1}
  .steps{grid-template-columns:repeat(3,1fr)}
  .pledges{grid-template-columns:1fr 1fr}
  .team{grid-template-columns:1fr 1fr}
  .foot__in{grid-template-columns:1fr 1fr;gap:var(--s5)}
}
@media (max-width:720px){
  .sec{padding:var(--s6) 0}
  .csl{gap:var(--s5)}
  .subs::after{content:'таблица листается вбок →';display:block;font-size:var(--t-xs);color:var(--ink-2);padding:0 var(--s3) var(--s2)}
  .cs__res{flex-direction:column;gap:var(--s2)}
  .cs__r b{font-size:var(--t-lg)}
  .facts__grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .pledges{grid-template-columns:1fr}
  .gifts{grid-template-columns:1fr}
  .team{grid-template-columns:1fr}
  .opts,.fields{grid-template-columns:1fr}
  .modal__win{padding:var(--s4) var(--s3)}
  .foot__in{grid-template-columns:1fr}
  .incl{flex-direction:column;gap:var(--s2)}
  .incl__list{flex-direction:column;gap:var(--s1)}
  .ref{flex-direction:column;align-items:flex-start}
  .quiz__nav .btn{flex:1}
}


/* мобильное меню */
.mnav{
  position:fixed;inset:0;z-index:60;background:var(--bg);
  display:flex;flex-direction:column;gap:var(--s3);padding:96px var(--s3) var(--s5);
  animation:fade .25s var(--ease);
}
.mnav[hidden]{display:none}
.mnav a{font-family:'Unbounded',sans-serif;font-size:var(--t-xl);letter-spacing:-.03em;padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.mnav .btn{margin-top:var(--s3)}
.mnav__phone{font-family:'Onest',sans-serif !important;font-size:var(--t-lg) !important;border:0 !important;color:var(--ink-2)}
body.is-locked{overflow:hidden}
@media (max-width:1100px){ .burger{display:flex} }
.burger.is-x span:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger.is-x span:last-child{transform:translateY(-3.5px) rotate(-45deg)}


/* ---------- кейсы: развороты ---------- */
.csl{display:flex;flex-direction:column;gap:var(--s6);min-width:0}
.cs{
  display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);
  gap:var(--s5);align-items:center;
}
.cs[hidden]{display:none}
.cs:nth-child(even) .cs__text{order:2}
.cs:nth-child(even) .cs__shot{order:1}
.cs__text{display:flex;flex-direction:column;gap:var(--s2);min-width:0;align-self:center}
.cs__num{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);
  padding:6px 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);
}
.cs__num i{color:var(--accent);font-style:normal}
.cs__t{
  font-family:'Unbounded',sans-serif;font-weight:500;
  font-size:clamp(24px,2.1vw,var(--t-2xl));line-height:1.1;letter-spacing:-.035em;
  margin-top:2px;
}
/* Текст задачи и цифры результата ждут данных Дмитрия — включить, убрав display:none */
.cs__task,.cs__res{display:none}
.cs__task{font-size:var(--t-md);color:var(--ink-2);flex-direction:column;gap:6px}
.cs__task span{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:#98A0AA}
.cs__res{gap:var(--s4);margin-top:var(--s1);flex-wrap:wrap}
.cs__r{display:flex;flex-direction:column;gap:2px;min-width:0}
.cs__r b{font-family:'Unbounded',sans-serif;font-weight:500;font-size:var(--t-xl);letter-spacing:-.03em;word-break:break-word}
.cs__r span{font-size:var(--t-xs);color:var(--ink-2)}
.cs__link{
  display:inline-flex;align-items:center;gap:8px;margin-top:var(--s2);
  font-size:var(--t-sm);color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--line);padding-bottom:4px;align-self:flex-start;
  transition:color .3s var(--ease),border-color .3s var(--ease);
}
.cs__link:hover{color:var(--accent);border-color:var(--accent)}
.cs__link em{font-style:normal;transition:transform .3s var(--ease)}
.cs__link:hover em{transform:translate(2px,-2px)}
.cs__shot{
  display:block;border-radius:var(--r);overflow:hidden;background:var(--surface);
  border:1px solid var(--line);box-shadow:var(--shadow);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.cs__bar{
  display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;
  background:#F4F5F7;border-bottom:1px solid var(--line);
}
.cs__bar i{width:9px;height:9px;border-radius:50%;background:#D3D8DE;flex:none}
.cs__bar i:first-child{background:#E4B0A8}
.cs__bar em{
  font-style:normal;font-size:var(--t-xs);color:var(--ink-2);
  margin-left:var(--s1);padding:4px 12px;border-radius:var(--r-pill);
  background:#FFF;border:1px solid var(--line);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.cs__bar b{
  margin-left:auto;font-weight:400;font-size:var(--t-xs);color:#A6ADB6;
  white-space:nowrap;opacity:0;transition:opacity .4s var(--ease);
}
.cs__shot:hover .cs__bar b{opacity:1}
/* Длинный скрин листается при наведении — приём Дмитрия с первой версии.
   Сдвиг: 1 − высота_окна/высота_картинки = 1 − .625/3.4 = 81.6% */
.cs__win{display:block;position:relative;overflow:hidden;padding-top:62.5%;background:#EDEFF2}
.cs__win img{
  position:absolute;top:0;left:0;width:100%;height:auto;display:block;
  transition:transform 6.5s cubic-bezier(.33,0,.2,1);will-change:transform;
}
.cs__shot:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift)}
.cs__shot:hover .cs__win img{transform:translateY(-81.6%)}


/* адаптив кейсов — после их же определений, иначе каскад перебивает */
@media (max-width:1100px){
  .cs{grid-template-columns:1fr;gap:var(--s4)}
  .cs__text{order:1 !important}
  .cs__shot{order:2 !important}
}
@media (max-width:720px){
  .csl{gap:var(--s5)}
  .cs__win{padding-top:115%}
  .cs__shot:hover .cs__win img{transform:translateY(-66%)}
  .cs__bar b{display:none}
  .cs__res{flex-direction:column;gap:var(--s2)}
  .cs__r b{font-size:var(--t-lg)}
  .subs::after{content:'таблица листается вбок →';display:block;font-size:var(--t-xs);color:var(--ink-2);padding:0 var(--s3) var(--s2)}
}