/* Flip&Stage — самостоятельная редакционная версия для сравнения. */

/* Бюджет инвестиционного ремонта на странице основной услуги. */

/* Для инвесторов — компактная карта ошибок без повторяющихся вводных блоков. */
#investment-mistakes { background: var(--bg-paper); }
#investment-mistakes > .container { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: clamp(32px,5vw,90px); }
#investment-mistakes .section-head { margin: 0; }
#investment-mistakes .section-head h2 { max-width: 11ch; }
#investment-mistakes .narrative { max-width: none; }
#investment-mistakes .body-lead { font-family: var(--font-serif); font-size: var(--fs-lead-serif); line-height: 1.45; max-width: 650px; }
#investment-mistakes .mistakes-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-1-5); margin: var(--space-3-5) 0 var(--space-4); }
#investment-mistakes .mistake-card { background: var(--bg-white); padding: clamp(20px,2.5vw,36px); border-top: 2px solid var(--accent-maroon); }
#investment-mistakes .mistake-card h3 { margin: 0 0 14px; }
#investment-mistakes .mistake-card p { margin: 0; }
#investment-mistakes .narrative > .btn { margin-top: 26px; }

/* Реальные объекты остаются главным визуальным доказательством. */
.remote-case-grid { gap: 70px 36px; }
.remote-case .pf-card__frame { aspect-ratio: 5 / 4; }
.remote-case h3 { font-size: var(--fs-title); line-height: 1.25; max-width: 19ch; }
.remote-case > p { max-width: 56ch; }
.remote-case .video-link { margin-top: 18px; }

@media (max-width: 1023px) {
  #investment-mistakes > .container { grid-template-columns: 1fr; gap: var(--space-3); }
  #investment-mistakes .section-head h2 { max-width: none; }
}
@media (max-width: 767px) {
  #investment-mistakes .mistakes-grid { grid-template-columns: 1fr; }
  .remote-case-grid { gap: var(--space-4-5); }
}
/* Справочник классов: ритм редакционной страницы и удобное чтение на телефоне. */
.repair-class-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.repair-class { background: var(--bg-white); border-top: 3px solid var(--accent-maroon); padding: clamp(24px,3vw,40px); }
.repair-class__num { color: var(--accent-maroon); font-size: var(--fs-xs); letter-spacing: .08em; text-transform: uppercase; }
.repair-class h3 { margin: var(--space-1-5) 0 var(--space-2-5); }
.repair-class p { max-width: 65ch; }
.repair-class p + p { margin-top: 14px; }
.repair-class-note { margin-top: 18px; padding: clamp(24px,3vw,40px); border: 1px solid var(--line-hairline); max-width: 980px; }
.repair-class-note p { max-width: 75ch; }
/* Шапка закреплена поверх страницы — заголовок начинается под ней */
.calc-intro { padding: calc(var(--header-h-scrolled) + 34px) 0 var(--space-3); background: var(--bg-paper); }
.calc-intro h1 { font-size: var(--fs-page-title); line-height: 1.14; max-width: 22ch; }
.calc-intro p { max-width: 82ch; margin-top: var(--space-1-5); }
.calc-class-help { max-width: 54ch; margin: -4px 0 18px; padding: 14px var(--space-2); background: var(--bg-paper); border-left: 3px solid var(--accent-maroon); }
.calc-class-help p { margin: 0 0 var(--space-1); font-size: var(--fs-md); line-height: 1.45; }
.calc-class-help a { color: var(--accent-maroon); font-size: var(--fs-md); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.class-jump { margin-top: var(--space-2-5); }
@media (max-width: 767px) { .repair-class-grid { grid-template-columns: 1fr; } .calc-intro { padding: calc(var(--header-h-mobile) + var(--space-3)) 0 var(--space-2); } }

.site-header[data-transparent="false"],
.site-header[data-transparent="true"].is-scrolled { background: rgb(var(--card-rgb) / .97); }
.site-header[data-transparent="true"]:not(.is-scrolled) .menu-trigger { color: var(--paper); }
.section-head h2 { max-width: 24ch; }
.hero--compact::after {
  background: linear-gradient(90deg, rgb(var(--ink-rgb) / .72) 0%, rgb(var(--ink-rgb) / .38) 65%, rgb(var(--ink-rgb) / .22) 100%);
}
.hero--page { border-bottom: 1px solid var(--line-hairline); }
.service-featured__frame, .service-tile, .pf-feature__frame,
.pf-feature__detail, .pf-secondary .pf-card__frame { border-radius: var(--radius-sm); }
.pf-feature__frame { box-shadow: var(--shadow-3); }
.service-tile__overlay { background: linear-gradient(180deg, transparent 28%, rgb(var(--ink-rgb) / .9) 100%); }
.stat-row__item { border-top-color: var(--wood-walnut); }

/* Первый экран опирается на реальное видео, а нижняя лента — на реальные кейсы. */