/* ТЕМПО — четыре страницы кейсов: правки по сверке с palantir.com (29.10.2026).
   Грузится последним, после tempo.v17: здесь только то, что перебивает общие правила tempo.v17.
   Стройка ← ShipOS · фитнес ← Warp Speed · стоматология ← Migration · автосалон ← TITAN. */

/* ================= общее для кейсов ================= */
/* кнопка под экранами кабинета: при наведении надпись белая на тёмной заливке (раньше сливалась с фоном) */
.scr__go .btn-w:hover,.scr__go .btn-w:focus-visible{color:#fff}
/* ссылки подвала: как на остальных страницах — серые со сдвигом и тире, без подчёркивания */
.case .ft2 li a:hover{text-decoration:none}

/* ================= стройка ← ShipOS ================= */
/* первый экран: фото проявляется с 1.05 за .7 с, слова и «СТРОЙКА» открываются шторкой сверху вниз; без бесконечного наезда */
@keyframes c1in{from{opacity:0;scale:1.05}to{opacity:1;scale:1}}
@keyframes c1wipe{from{clip-path:inset(-.3em -.1em 100% -.1em)}to{clip-path:inset(-.3em -.1em -.3em -.1em)}}
body.c1 .c1-hero>img{opacity:0;animation:c1in .7s cubic-bezier(.65,.05,.36,1) forwards}
body.c1 .c1-hero__c span{opacity:1;transform:none;clip-path:inset(-.3em -.1em 100% -.1em);animation:c1wipe .3s cubic-bezier(.65,.05,.36,1) .1s forwards}
body.c1 .c1-hero__c span:nth-child(2){animation-delay:.2s}
body.c1 .c1-hero__c span:nth-child(3){animation-delay:.3s}
body.c1 .c1-hero__t{animation:c1rev .7s cubic-bezier(.65,.05,.36,1) forwards}
html.lite body.c1 .c1-hero>img{opacity:1;animation:none}
html.lite body.c1 .c1-hero__c span{clip-path:none;animation:none}
html.lite body.c1 .c1-hero__t{clip-path:none;animation:none}
@media (prefers-reduced-motion:reduce){body.c1 .c1-hero>img{opacity:1;animation:none}body.c1 .c1-hero__c span,body.c1 .c1-hero__t{clip-path:none;animation:none}}
/* слова и знак — одна группа по центру (как у ShipOS); на широком экране кадр крупнее и прижат к верху, чтобы «СТРОЙКА»
   легла на каркас дома, а люди оказались под ней. Затемнения фото нет — только лёгкая тень сверху под словами и шапкой */
.c1-hero.c1-hero--kb::after{background:linear-gradient(180deg,rgba(20,21,24,.42) 0%,rgba(20,21,24,.16) 30%,rgba(20,21,24,0) 46%)}
@media (min-width:901px){
  body.c1 .c1-hero--kb>img{object-position:58% 0;height:150%}
  body.c1.px-on .c1-hero--kb>img{top:-10vh;height:calc(150% + 20vh)}
}

/* заголовки на фото: межстрочный .9 и строки, разбитые вручную, без ограничения ширины; кегль 96 px на ноутбуке */
.c1-impact .ph h2,.c1-res .ph h2,.c1-eco h2,.c1-press h2{line-height:.9}
.c1-impact .ph h2,.c1-res .ph h2{max-width:none}
@media (min-width:901px){.c1-res .ph h2{font-size:clamp(46px,6.67vw,96px)}}
@media (min-width:768px) and (max-width:900px){.c1-res .ph h2{font-size:clamp(30px,8vw,46px)}}
/* высота блоков с фото — от пропорции, как у ShipOS: 1.5 → 2 → 2.5 на широком, .75 на телефоне */
.c1-impact .ph,.c1-res .ph{height:auto;min-height:0;aspect-ratio:1.5}
.c1-impact .ph .inr{position:absolute;padding:0}
@media (min-width:901px){.c1-impact .ph .inr{left:50px;right:50px;top:60px}}
@media (max-width:900px){.c1-impact .ph .inr{left:25px;right:25px;top:35px}}
@media (min-width:1200px){.c1-impact .ph,.c1-res .ph{aspect-ratio:2}}
@media (min-width:1440px){.c1-impact .ph,.c1-res .ph{aspect-ratio:2.5}}
@media (max-width:759px){.c1-impact .ph,.c1-res .ph{aspect-ratio:.75}}

/* «Возможности» на тёмном фото с параллаксом; карточки прозрачные, только рамка */
.c1-cap{background:#14181E}
.c1-cap::before{background:linear-gradient(180deg,rgba(13,15,18,.74) 0%,rgba(13,15,18,.6) 45%,rgba(13,15,18,.8) 100%)}
.c1-cap .c1-cell{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}

/* «Как обычно бывает» и «Подключение» — как цитаты ShipOS: подпись слева под своей линией, текст 28 px справа под своей;
   линии прорисовываются слева направо за .7 с */
.c1-was{border-top:0;padding-top:0;grid-template-columns:400px minmax(0,1fr);gap:60px}
.c1-was>span,.c1-was>p{position:relative;padding-top:20px}
.c1-was>span::before,.c1-was>p::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:currentColor;transform-origin:0 0}
body.anim .c1-was>span::before,body.anim .c1-was>p::before{transform:scaleX(0);transition:transform .7s cubic-bezier(.23,1,.32,1)}
body.anim .c1-was.drawn>span::before,body.anim .c1-was.drawn>p::before{transform:none}
.c1-was>span{font-size:18px;line-height:1;letter-spacing:-.02em;font-weight:500;color:inherit}
.c1-was p{font-size:28px;line-height:1.215;letter-spacing:-.03em;font-weight:500;color:inherit}
@media (max-width:900px){
  .c1-was{grid-template-columns:minmax(0,1fr);gap:20px}
  .c1-was>span{font-size:14px;line-height:1.2}
  .c1-was p{font-size:18px;line-height:1.35;letter-spacing:-.01em}
}

/* ================= автосалон ← TITAN ================= */
/* у TITAN над страницей нет стеклянной полосы шапки: логотип и кнопки стоят прямо над содержимым */
/* подложка шапки остаётся, как на всём сайте: без неё заголовки при прокрутке и в гиде наезжают на логотип (замечание Лукьяна 29.10) */