/* ================================================================
   Портфолио — карточка кейса — TurSite 2026
   Подключается после tursite-2026.css (там токены и компоненты).
   ================================================================ */

/* ---------- hero кейса ---------- */
.case-hero{padding-block:var(--s-8) var(--s-8);}
.case-hero .shero__in{align-items:center}
.case-hero__shot{position:relative}
.case-hero__shot img{width:100%;height:auto;border-radius:var(--r-xl);box-shadow:var(--sh-2);display:block}

/* ---------- шаги / экраны ---------- */
.case-steps{display:grid;gap:56px;margin-top:8px}
.case-step{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s-7);align-items:center}
.case-step:nth-child(2n){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.case-step:nth-child(2n) .case-step__shot{order:2}
.case-step__shot img{width:100%;height:auto;border-radius:var(--r-xl);box-shadow:var(--sh-1);display:block}
.case-step__n{display:inline-block;font-family:'Manrope',sans-serif;font-weight:800;font-size:13px;letter-spacing:.08em;color:var(--brand);
  padding:4px 12px;border:1px solid var(--brand-50);background:var(--brand-50);border-radius:var(--r-full);margin-bottom:14px}
.case-step__b h3{margin:0 0 12px;font-size:clamp(20px,2vw,26px)}
.case-step__b p{color:var(--ink-3);line-height:1.65}
@media(max-width:820px){
  .case-step,.case-step:nth-child(2n){grid-template-columns:1fr}
  .case-step:nth-child(2n) .case-step__shot{order:0}
}

/* ---------- мобильная версия ---------- */
.case-mobile{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:8px}
.case-mobile__i img{width:100%;max-width:280px;height:auto;border-radius:22px;box-shadow:var(--sh-2);display:block}

/* ---------- команда ---------- */
.case-crew{display:flex;flex-wrap:wrap;gap:20px 32px;margin-top:8px}
.case-crew__i{display:flex;align-items:center;gap:12px}
.case-crew__i img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 52px}
.case-crew__i b{display:block;font-size:14.5px}
.case-crew__i span{display:block;font-size:12.5px;color:var(--ink-3)}