/* ============================================================================
   АДАПТИВ. Мобильный — не урезанная версия, а тот же фильм на узком экране.
   ========================================================================= */

/* ---------- планшет ---------- */
@media (max-width:1024px){
  .routes{grid-template-columns:1fr 1fr}
  .final{grid-template-columns:1fr 1fr}
  .final-card--hi{grid-column:1 / -1}
  .case{grid-template-columns:minmax(0,.75fr) 1fr;gap:24px}
  .tools{grid-template-columns:1fr 1fr}
}

/* ---------- мобильный ---------- */
@media (max-width:760px){
  .container,.container--narrow{width:min(100% - 32px,100%)}

  .act{padding:clamp(64px,13vw,96px) 0}
  .act--whisper{min-height:64vh}

  /* герой */
  .hero{padding:104px 0 76px;min-height:92svh}
  .hero__bg img{object-position:58% 26%}
  .hero__col{max-width:none}
  .hero__title{font-size:clamp(2.9rem,13vw,4.4rem)}
  .hero__eyebrow{font-size:.78rem;letter-spacing:.13em}
  .hero__promise li{font-size:clamp(1.12rem,5.4vw,1.5rem);gap:12px}
  .hero__foot{gap:18px}
  .scroll-hint{display:none}

  /* типографика */
  .display{font-size:clamp(2.1rem,9.4vw,3.2rem)}
  .display--sm{font-size:clamp(1.75rem,7.4vw,2.4rem)}
  .pullnote{font-size:clamp(1.35rem,6.6vw,2rem);max-width:20ch}
  .lede{max-width:none}

  /* фото-полосы */
  .band{height:clamp(44vh,72vw,60vh)}
  .band--tall{height:clamp(52vh,86vw,72vh)}
  .band__cap{bottom:26px}

  /* обо мне */
  .about{grid-template-columns:1fr;gap:26px}
  .about__oval{max-width:210px;margin-inline:auto}
  .about__strip{max-width:300px;margin-inline:auto}

  /* цифры */
  .number{grid-template-columns:1fr;gap:2px}
  .number__n{font-size:clamp(3.4rem,17vw,5rem);line-height:1}

  /* май-метод */
  .object{grid-template-columns:1fr;gap:8px;padding:20px 22px}
  .object__word{font-size:clamp(1.5rem,8vw,2.2rem)}

  /* продукт */
  .spec__row{grid-template-columns:1fr;gap:8px}
  .spec__k{padding-top:0}
  .price__big{font-size:clamp(2rem,9vw,2.6rem)}

  /* списки */
  .marks li{padding-left:48px}
  .marks li::before{width:34px;height:34px}
  .dots li,.nots li{padding-left:32px}

  /* маршруты и финал — в столбик */
  .routes,.final{grid-template-columns:1fr}
  .final-card--hi{grid-column:auto}

  /* новые блоки — в один столбец */
  .knows{grid-template-columns:1fr}
  .tools{grid-template-columns:1fr}

  /* кейсы */
  .case,.case--lead,.case--nophoto{grid-template-columns:1fr;gap:18px}
  .case__photo{aspect-ratio:3/2}
  .case--lead .case__photo{aspect-ratio:3/2}
  .case__shot{max-width:100%}
  .ba__row{grid-template-columns:1fr;gap:4px}
  .ba__k{justify-self:start}

  /* кружок видео */
  .m-round{gap:14px}
  .m-round__ava{width:78px;height:78px}
  .m-round__play{width:24px;height:24px;right:3px;bottom:3px}

  .cta-btn{width:100%}
  .masthead__eyebrow{display:none}
  .growth-rail{width:2px}
}

/* ---------- узкий мобильный ---------- */
@media (max-width:400px){
  .hero__title{font-size:clamp(2.5rem,12.5vw,3.2rem)}
  .chips{gap:8px}
  .chip{flex:1 1 100%}
}

/* ---------- крупные экраны ---------- */
@media (min-width:1600px){
  :root{--wrap:1300px}
  .hero__title{font-size:clamp(6rem,8.4vw,10.5rem)}
}

@media (max-width:760px){
  .proof{grid-template-columns:1fr;gap:16px;padding:16px}
  .proof__photo{aspect-ratio:16/10}
  .ghost-btn{width:100%;justify-content:center}
  .hero__foot{flex-direction:column;align-items:flex-start;gap:18px}
}