/* Только главная: cookie, первый экран, услуги, награды, вопросы. Основа .vd-home и блоки,
   общие со страницами услуг, — в shared-blocks.css (подключается перед этим файлом). */
/* Плашка cookie — как t657 оригинала: на столе 340px в правом нижнем углу, на узких экранах во всю ширину. */
.home-cookie { position: fixed; right: 30px; bottom: 30px; z-index: 30; width: 340px; padding: 20px 30px; border-radius: 10px; background: #101010; }
.home-cookie[hidden] { display: none; }
.home-cookie p { color: #fff; font-size: 11px; line-height: 1.3; }
#allrecords .home-cookie a { color: #f0f8ff; text-decoration: underline; }
#home-cookie-accept { display: block; margin-top: 15px; padding: 7.4px 15px; border: 1px solid #505050; border-radius: 8px; background: transparent; color: #fff; font-size: 13px; line-height: 1.4; cursor: pointer; }
.home-cookie__close { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; padding: 5px; border: 0; background: transparent; cursor: pointer; }
.home-cookie__close svg { display: block; width: 10px; height: 10px; }
/* Первый экран повторяет Zero Block оригинала: высота 100vh, элементы стоят по координатам холста
   (1200 / 960 / 640 / 320) в единицах --vd-u, шапка от верха, всё остальное — от низа экрана. */
.home-hero { position: relative; isolation: isolate; background: #252525; }
.home-hero { height: 100vh; }
.home-hero::after { position: absolute; z-index: -1; inset: 0; content: ''; background: rgba(0, 0, 0, .4); }
.home-hero__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* «Сертифицированный» лежит внутри h1 (в слове для поиска), поэтому left/top считаются от рамки заголовка, как у «в Челябинске». */
.vd-home .home-hero .home-eyebrow { position: absolute; left: calc(-22 * var(--vd-u)); top: calc(-14 * var(--vd-u)); margin: 0; color: #fff; font: 400 calc(30 * var(--vd-u))/1 AkzidenzGrotesk, Arial, sans-serif; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; }
.home-hero h1 { position: absolute; left: calc(286 * var(--vd-u)); bottom: calc(281 * var(--vd-u)); font: 700 calc(150 * var(--vd-u))/1 AkzidenzGrotesk, Arial, sans-serif; letter-spacing: calc(-5 * var(--vd-u)); text-transform: uppercase; white-space: nowrap; }
.home-hero h1 span { position: absolute; left: calc(467 * var(--vd-u)); top: calc(143 * var(--vd-u)); font-size: calc(30 * var(--vd-u)); font-weight: 400; line-height: 1; letter-spacing: 0; }
.home-hero .home-actions { display: contents; }
#allrecords.vd-home .home-hero .home-button { position: absolute; bottom: calc(40 * var(--vd-u)); height: calc(60 * var(--vd-u)); min-height: 0; padding: 0; border-radius: calc(10 * var(--vd-u)); font-size: calc(12 * var(--vd-u)); line-height: 1; white-space: nowrap; }
#allrecords.vd-home .home-hero .home-button:first-child { left: calc(300 * var(--vd-u)); width: calc(170 * var(--vd-u)); box-shadow: 0 calc(10 * var(--vd-u)) calc(50 * var(--vd-u)) 0 var(--home-accent); }
#allrecords.vd-home .home-hero .home-button--outline { left: calc(479 * var(--vd-u)); width: calc(230 * var(--vd-u)); border-color: #505050; }
#allrecords .home-brands { position: absolute; left: calc(20 * var(--vd-u)); bottom: calc(40 * var(--vd-u)); width: calc(200 * var(--vd-u)); height: calc(360 * var(--vd-u)); margin: 0; padding: 0; border-radius: calc(10 * var(--vd-u)); backdrop-filter: blur(10px); list-style: none; }
#allrecords .home-brands::before { content: ''; position: absolute; inset: 0; border: 1px solid #505050; border-radius: inherit; opacity: .3; pointer-events: none; }
.home-brands__title { position: absolute; left: calc(29 * var(--vd-u)); top: calc(31 * var(--vd-u)); width: calc(127 * var(--vd-u)); font: 400 calc(24 * var(--vd-u))/1 AkzidenzGrotesk, Arial, sans-serif; text-transform: uppercase; }
.home-brands li:not(.home-brands__title) { position: absolute; left: calc(29 * var(--vd-u)); height: calc(19 * var(--vd-u)); font-size: calc(12 * var(--vd-u)); font-weight: 500; line-height: calc(19 * var(--vd-u)); white-space: nowrap; }
.home-brands li span { position: absolute; left: calc(41 * var(--vd-u)); top: 0; }
.home-brands img { position: absolute; left: 0; width: calc(20 * var(--vd-u)); height: calc(20 * var(--vd-u)); object-fit: contain; }
.home-brands li:nth-child(2) { top: calc(143 * var(--vd-u)); } .home-brands li:nth-child(2) img { top: calc(-2 * var(--vd-u)); }
.home-brands li:nth-child(3) { top: calc(183 * var(--vd-u)); } .home-brands li:nth-child(3) img { left: calc(-3 * var(--vd-u)); top: calc(5 * var(--vd-u)); width: calc(26 * var(--vd-u)); height: calc(9 * var(--vd-u)); }
.home-brands li:nth-child(4) { top: calc(227 * var(--vd-u)); } .home-brands li:nth-child(4) img { top: calc(-2 * var(--vd-u)); }
.home-brands li:nth-child(5) { top: calc(269 * var(--vd-u)); } .home-brands li:nth-child(5) img { left: calc(1 * var(--vd-u)); top: 0; width: calc(18 * var(--vd-u)); height: calc(16 * var(--vd-u)); }
.home-brands li:nth-child(6) { top: calc(311 * var(--vd-u)); } .home-brands li:nth-child(6) img { top: calc(-4 * var(--vd-u)); height: calc(25 * var(--vd-u)); }
@media (max-width: 960px) { /* плашка cookie у оригинала (t657) во всю ширину до 960 включительно */
  .home-cookie { left: 0; right: 0; bottom: 0; width: auto; padding: 20px 10px; }
  .home-cookie__close { display: none; }
}
@media (max-width: 1199px) { /* холст 960 */
  .vd-home .home-hero .home-eyebrow { left: 0; top: calc(-32 * var(--vd-u)); }
  .home-hero h1 { left: calc(253 * var(--vd-u)); bottom: calc(129 * var(--vd-u)); font-size: calc(124 * var(--vd-u)); }
  .home-hero h1 span { left: calc(508 * var(--vd-u)); top: calc(81 * var(--vd-u)); }
  #allrecords.vd-home .home-hero .home-button:first-child { left: calc(254 * var(--vd-u)); }
  #allrecords.vd-home .home-hero .home-button--outline { left: calc(433 * var(--vd-u)); }
  #allrecords .home-brands { width: calc(176 * var(--vd-u)); height: calc(362 * var(--vd-u)); }
  .home-brands__title { left: calc(30 * var(--vd-u)); top: calc(30 * var(--vd-u)); }
}
@media (max-width: 959px) { /* холст 640 */
  .vd-home .home-hero .home-eyebrow { left: 0; top: calc(-32 * var(--vd-u)); }
  .home-hero h1 { left: calc(205 * var(--vd-u)); bottom: calc(161 * var(--vd-u)); font-size: calc(102 * var(--vd-u)); }
  .home-hero h1 span { left: calc(269 * var(--vd-u)); top: calc(104 * var(--vd-u)); }
  #allrecords.vd-home .home-hero .home-button:first-child { left: calc(205 * var(--vd-u)); width: calc(150 * var(--vd-u)); }
  #allrecords.vd-home .home-hero .home-button--outline { left: calc(365 * var(--vd-u)); width: calc(224 * var(--vd-u)); }
  #allrecords .home-brands { width: calc(155 * var(--vd-u)); height: calc(325 * var(--vd-u)); }
  .home-brands__title { left: calc(19 * var(--vd-u)); top: calc(20 * var(--vd-u)); width: calc(116 * var(--vd-u)); }
  .home-brands li:not(.home-brands__title) { left: calc(24 * var(--vd-u)); }
  .home-brands li span { left: calc(33 * var(--vd-u)); }
  .home-brands li:nth-child(2) { top: calc(124 * var(--vd-u)); }
  .home-brands li:nth-child(3) { top: calc(163 * var(--vd-u)); }
  .home-brands li:nth-child(4) { top: calc(203 * var(--vd-u)); }
  .home-brands li:nth-child(5) { top: calc(243 * var(--vd-u)); }
  .home-brands li:nth-child(6) { top: calc(284 * var(--vd-u)); }
}
@media (max-width: 639px) { /* холст 320 */
  #home-cookie-accept { padding: 9.9px 15px; }
  .vd-home .home-hero .home-eyebrow { left: 0; top: calc(-28 * var(--vd-u)); font-size: calc(26 * var(--vd-u)); letter-spacing: calc(-.4 * var(--vd-u)); }
  .home-hero h1 { left: calc(15 * var(--vd-u)); bottom: calc(380 * var(--vd-u)); font-size: calc(67 * var(--vd-u)); letter-spacing: calc(-1.5 * var(--vd-u)); }
  .home-hero h1 span { left: 0; top: calc(67 * var(--vd-u)); font-size: calc(26 * var(--vd-u)); letter-spacing: calc(-.4 * var(--vd-u)); }
  #allrecords.vd-home .home-hero .home-button { height: calc(45 * var(--vd-u)); border-radius: calc(6 * var(--vd-u)); font-size: calc(11 * var(--vd-u)); }
  #allrecords.vd-home .home-hero .home-button:first-child { left: calc(15 * var(--vd-u)); width: calc(290 * var(--vd-u)); bottom: calc(279 * var(--vd-u)); }
  #allrecords.vd-home .home-hero .home-button--outline { left: calc(15 * var(--vd-u)); width: calc(290 * var(--vd-u)); bottom: calc(224 * var(--vd-u)); }
  #allrecords .home-brands { left: calc(15 * var(--vd-u)); bottom: calc(100 * var(--vd-u)); width: calc(290 * var(--vd-u)); height: calc(94 * var(--vd-u)); }
  .home-brands__title { left: calc(20 * var(--vd-u)); top: calc(20 * var(--vd-u)); width: calc(83 * var(--vd-u)); font-size: calc(18 * var(--vd-u)); letter-spacing: calc(-.4 * var(--vd-u)); }
  .home-brands li span { display: none; }
  .home-brands li:nth-child(2) { left: calc(126 * var(--vd-u)); top: calc(39 * var(--vd-u)); }
  .home-brands li:nth-child(3) { left: calc(159 * var(--vd-u)); top: calc(38 * var(--vd-u)); }
  .home-brands li:nth-child(4) { left: calc(192 * var(--vd-u)); top: calc(39 * var(--vd-u)); }
  .home-brands li:nth-child(5) { left: calc(221 * var(--vd-u)); top: calc(39 * var(--vd-u)); }
  .home-brands li:nth-child(6) { left: calc(250 * var(--vd-u)); top: calc(38 * var(--vd-u)); }
}
/* Третий блок («Ремонтируем авто под ключ») повторяет четыре Zero Block оригинала: голова
   370 / 370 / 352 / 274 по холстам 1200 / 960 / 640 / 320 с заголовком и подписью по координатам,
   ниже — сетка карточек с размерами холста: карточка 275×300 (960: 215; 640: 290; 320: 290×280),
   фото 263×140 на 6 от края с радиусом 5, название на 30/175, цена на 30/250, под карточкой две
   кнопки-ячейки 123+155×60 (960: 92+124; 640: 123+168; 320: 130+162×45 на 255), наезжающие
   на карточку на 10; ряды через 20. Внутренние координаты считаются от внешнего края карточки,
   поэтому из них вычтена рамка 1px. */
.home-services-block { background: #000; }
.home-services-head { position: relative; height: calc(370 * var(--vd-u)); }
.vd-home .home-services-head h2 { position: absolute; left: calc(315 * var(--vd-u)); top: calc(150 * var(--vd-u)); width: calc(535 * var(--vd-u)); max-width: none; font: 400 calc(80 * var(--vd-u))/calc(72 * var(--vd-u)) AkzidenzGrotesk, Arial, sans-serif; letter-spacing: calc(-2.5 * var(--vd-u)); text-transform: uppercase; text-wrap: wrap; }
.vd-home .home-services-head p { position: absolute; left: calc(905 * var(--vd-u)); top: calc(156 * var(--vd-u)); width: calc(210 * var(--vd-u)); color: #fff; opacity: .7; font: 400 calc(12 * var(--vd-u))/calc(16 * var(--vd-u)) Onest, Arial, sans-serif; letter-spacing: calc(-.5 * var(--vd-u)); }
.home-services { --card-w: 275; --card-h: 300; --btn-top: 290; --btn-h: 60; --btn1-w: 123; --btn2-x: 120; --btn2-w: 155; --btn-gap: 17; display: grid; grid-template-columns: repeat(4, calc(var(--card-w) * var(--vd-u))); column-gap: calc(20 * var(--vd-u)); grid-auto-rows: calc((var(--btn-top) + var(--btn-h)) * var(--vd-u)); row-gap: calc(20 * var(--vd-u)); padding: 0 0 calc(20 * var(--vd-u)) calc(20 * var(--vd-u)); }
.home-service { position: relative; height: calc(var(--card-h) * var(--vd-u)); border: 1px solid #505050; border-radius: calc(10 * var(--vd-u)) calc(10 * var(--vd-u)) 0 0; background: #000; }
.home-service__image { position: absolute; left: calc(6 * var(--vd-u) - 1px); top: calc(6 * var(--vd-u) - 1px); width: calc(var(--card-w) * var(--vd-u) - 12 * var(--vd-u)); height: calc(140 * var(--vd-u)); border-radius: calc(5 * var(--vd-u)); object-fit: cover; background: #202020; }
.vd-home .home-service h3 { position: absolute; left: calc(30 * var(--vd-u) - 1px); top: calc(175 * var(--vd-u) - 1px); font: 400 calc(24 * var(--vd-u))/calc(24 * var(--vd-u)) AkzidenzGrotesk, Arial, sans-serif; letter-spacing: 0; text-transform: uppercase; text-wrap: wrap; }
.home-service:nth-of-type(1) h3 { width: calc(210 * var(--vd-u)); }
.home-service:nth-of-type(2) h3 { width: calc(130 * var(--vd-u)); }
.home-service:nth-of-type(3) h3 { width: calc(132 * var(--vd-u)); }
.home-service:nth-of-type(4) h3 { width: calc(150 * var(--vd-u)); }
.home-service:nth-of-type(5) h3 { width: calc(92 * var(--vd-u)); }
.home-service:nth-of-type(6) h3 { width: calc(157 * var(--vd-u)); }
.home-service:nth-of-type(7) h3 { width: calc(173 * var(--vd-u)); }
.home-service:nth-of-type(8) h3 { width: calc(150 * var(--vd-u)); }
.home-service:nth-of-type(9) h3 { width: calc(92 * var(--vd-u)); }
.home-service:nth-of-type(10) h3 { width: calc(170 * var(--vd-u)); }
.vd-home .home-service p { position: absolute; left: calc(30 * var(--vd-u) - 1px); top: calc(250 * var(--vd-u) - 1px); color: #fff; opacity: .7; font: 400 calc(12 * var(--vd-u))/calc(12 * var(--vd-u)) Onest, Arial, sans-serif; letter-spacing: calc(-.5 * var(--vd-u)); white-space: nowrap; }
#allrecords.vd-home :is(.home-service__more, .home-service__book) { position: absolute; top: calc(var(--btn-top) * var(--vd-u) - 1px); height: calc(var(--btn-h) * var(--vd-u)); display: flex; align-items: center; justify-content: center; gap: calc(var(--btn-gap) * var(--vd-u)); border: 1px solid #505050; background: #000; color: #fff; font: 500 calc(12 * var(--vd-u))/calc(12 * var(--vd-u)) Onest, Arial, sans-serif; letter-spacing: calc(-.5 * var(--vd-u)); white-space: nowrap; transition: background .2s ease-in-out; }
#allrecords.vd-home .home-service__more { left: -1px; width: calc(var(--btn1-w) * var(--vd-u)); border-radius: 0 0 0 calc(10 * var(--vd-u)); }
#allrecords.vd-home .home-service__book { left: calc(var(--btn2-x) * var(--vd-u) - 1px); width: calc(var(--btn2-w) * var(--vd-u)); border-radius: 0 0 calc(10 * var(--vd-u)) 0; }
.home-service__book img { width: calc(14 * var(--vd-u)); height: calc(12 * var(--vd-u)); }
#allrecords.vd-home :is(.home-service__more, .home-service__book):hover { background: #303030; }
@media (max-width: 1199px) { /* холст 960 */
  .vd-home .home-services-head h2 { left: calc(146 * var(--vd-u)); }
  .vd-home .home-services-head p { left: calc(736 * var(--vd-u)); }
  .home-services { --card-w: 215; --btn1-w: 92; --btn2-x: 91; --btn2-w: 124; --btn-gap: 8; }
}
@media (max-width: 959px) { /* холст 640: две карточки в ряд */
  .home-services-head { height: calc(352 * var(--vd-u)); }
  .vd-home .home-services-head h2 { left: calc(20 * var(--vd-u)); width: calc(436 * var(--vd-u)); font-size: calc(70 * var(--vd-u)); line-height: calc(63 * var(--vd-u)); }
  .vd-home .home-services-head p { left: calc(455 * var(--vd-u)); top: calc(242 * var(--vd-u)); width: calc(165 * var(--vd-u)); }
  .home-services { --card-w: 290; --btn1-w: 123; --btn2-x: 122; --btn2-w: 168; grid-template-columns: repeat(2, calc(var(--card-w) * var(--vd-u))); }
}
@media (max-width: 639px) { /* холст 320: карточки столбиком */
  .home-services-head { height: calc(274 * var(--vd-u)); }
  /* Ширина 305, не 308: на сетке 320 при отступе 15 рамка 308 вылезала за экран на 3–4 px
     и давала боковую прокрутку (замечание владельца 05.10.2026); строки текста короче. */
  .vd-home .home-services-head h2 { left: calc(15 * var(--vd-u)); top: calc(60 * var(--vd-u)); width: calc(305 * var(--vd-u)); font-size: calc(60 * var(--vd-u)); line-height: calc(54 * var(--vd-u)); }
  .vd-home .home-services-head p { left: calc(15 * var(--vd-u)); top: calc(198 * var(--vd-u)); width: calc(199 * var(--vd-u)); font-size: calc(14 * var(--vd-u)); line-height: calc(18 * var(--vd-u)); }
  .home-services { --card-w: 290; --card-h: 280; --btn-top: 255; --btn-h: 45; --btn1-w: 130; --btn2-x: 128; --btn2-w: 162; grid-template-columns: calc(var(--card-w) * var(--vd-u)); padding-left: calc(15 * var(--vd-u)); }
  .home-service__image { height: calc(120 * var(--vd-u)); }
  .vd-home .home-service h3 { top: calc(157 * var(--vd-u) - 1px); font-size: calc(26 * var(--vd-u)); line-height: calc(26 * var(--vd-u)); }
  .home-service:is(:nth-of-type(1), :nth-of-type(2), :nth-of-type(4), :nth-of-type(5), :nth-of-type(9)) h3 { width: calc(260 * var(--vd-u)); }
  .home-service:nth-of-type(3) h3 { width: calc(205 * var(--vd-u)); }
  .home-service:nth-of-type(6) h3 { width: calc(170 * var(--vd-u)); }
  .home-service:nth-of-type(7) h3 { width: calc(182 * var(--vd-u)); }
  .home-service:nth-of-type(8) h3 { width: calc(270 * var(--vd-u)); }
  .home-service:nth-of-type(10) h3 { width: calc(184 * var(--vd-u)); }
  .vd-home .home-service p { top: calc(213 * var(--vd-u) - 1px); }
}
/* Четвёртый блок («9 укомплектованных постов…») повторяет Zero Block rec1188904371 оригинала:
   голова 620 / 620 / 472 / 434 по холстам 1200 / 960 / 640 / 320 — фото команды 865×450 на 315/150
   (960: 685×450 на 255; 640: 455×302 на 165; 320: 290×180 на 15/234), прижатое к нижнему краю,
   и заголовок 60/54 на 20/391 шириной 583 (640: 50/45 на 20/297, 459; 320: 40/36 на 15/60, 290);
   ниже — сетка карточек высотой 300 с рамкой 1px #505050 и радиусом 10 (640: 290, две в ряд;
   320: 290×260 столбиком с полем 15): название 24/24 на 30/28, «По версии» 12/16 на 30/222, источник
   24/24 на 30/246, стрелка 14×12 на 30 от правого края и 252 сверху (320: 26/26, 180 / 204 / 211).
   Ряды через 20, под сеткой 10 (320: 40). Внутренние координаты считаются от внешнего края карточки,
   поэтому из них вычтена рамка 1px. Наведения у карточки оригинал не рисует.
   У оригинала карточек четыре — по 275 (960: по 215, у 2-й и 3-й источник в две строки). С 04.10.2026
   их шесть (первыми — два сертификата 2026 года), и на 1200 и 960 они стоят по три в ряд на всю
   ширину холста с полями 20; ширины названий — оригинала (по 1200), у новых — как у первой карточки,
   номера карточек в правилах сдвинуты на две. */
.home-awards-block { background: #000; }
.home-awards-head { position: relative; height: calc(620 * var(--vd-u)); }
.home-team { position: absolute; left: calc(315 * var(--vd-u)); top: calc(150 * var(--vd-u)); width: calc(865 * var(--vd-u)); height: calc(450 * var(--vd-u)); border-radius: calc(10 * var(--vd-u)); object-fit: cover; object-position: 0 100%; background: #000521; }
.vd-home .home-awards-head h2 { position: absolute; left: calc(20 * var(--vd-u)); top: calc(391 * var(--vd-u)); width: calc(583 * var(--vd-u)); max-width: none; font: 400 calc(60 * var(--vd-u))/calc(54 * var(--vd-u)) AkzidenzGrotesk, Arial, sans-serif; letter-spacing: calc(-2.5 * var(--vd-u)); text-transform: uppercase; text-wrap: wrap; }
.home-awards { --card-h: 300; --by-top: 222; --src-top: 246; --arrow-top: 252; display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(20 * var(--vd-u)); padding: 0 calc(20 * var(--vd-u)) calc(10 * var(--vd-u)); }
#allrecords.vd-home .home-award { position: relative; display: block; height: calc(var(--card-h) * var(--vd-u)); border: 1px solid #505050; border-radius: calc(10 * var(--vd-u)); background: #000; color: #fff; }
.vd-home .home-award h3, .vd-home .home-award__source { position: absolute; left: calc(30 * var(--vd-u) - 1px); font: 400 calc(24 * var(--vd-u))/calc(24 * var(--vd-u)) AkzidenzGrotesk, Arial, sans-serif; letter-spacing: 0; text-transform: uppercase; text-wrap: wrap; }
.vd-home .home-award h3 { top: calc(28 * var(--vd-u) - 1px); }
.home-award:nth-of-type(-n+5) h3 { width: calc(200 * var(--vd-u)); }
.home-award:nth-of-type(6) h3 { width: calc(213 * var(--vd-u)); }
.home-award__by { position: absolute; left: calc(30 * var(--vd-u) - 1px); top: calc(var(--by-top) * var(--vd-u) - 1px); color: #fff; opacity: .7; font: 400 calc(12 * var(--vd-u))/calc(16 * var(--vd-u)) Onest, Arial, sans-serif; letter-spacing: calc(-.5 * var(--vd-u)); white-space: nowrap; }
.vd-home .home-award__source { top: calc(var(--src-top) * var(--vd-u) - 1px); white-space: nowrap; }
.home-award > img { position: absolute; right: calc(30 * var(--vd-u) - 1px); top: calc(var(--arrow-top) * var(--vd-u) - 1px); width: calc(14 * var(--vd-u)); height: calc(12 * var(--vd-u)); }
@media (max-width: 1199px) { /* холст 960 */
  .home-team { left: calc(255 * var(--vd-u)); width: calc(685 * var(--vd-u)); }
  .home-awards { --arrow-top: 253; }
}
@media (max-width: 959px) { /* холст 640: две карточки в ряд */
  .home-awards-head { height: calc(472 * var(--vd-u)); }
  .home-team { left: calc(165 * var(--vd-u)); width: calc(455 * var(--vd-u)); height: calc(302 * var(--vd-u)); }
  .vd-home .home-awards-head h2 { top: calc(297 * var(--vd-u)); width: calc(459 * var(--vd-u)); font-size: calc(50 * var(--vd-u)); line-height: calc(45 * var(--vd-u)); }
  .home-awards { --card-w: 290; grid-template-columns: repeat(2, calc(var(--card-w) * var(--vd-u))); }
  .vd-home .home-award:nth-of-type(-n+4) h3 { top: calc(30 * var(--vd-u) - 1px); }
  .home-award:nth-of-type(-n+3) h3 { width: calc(175 * var(--vd-u)); }
  .home-award:nth-of-type(4) h3 { width: calc(148 * var(--vd-u)); }
  .home-award:nth-of-type(5) h3 { width: calc(213 * var(--vd-u)); }
  .home-award:nth-of-type(6) h3 { width: calc(219 * var(--vd-u)); }
}
@media (max-width: 639px) { /* холст 320: карточки столбиком */
  .home-awards-head { height: calc(434 * var(--vd-u)); }
  .home-team { left: calc(15 * var(--vd-u)); top: calc(234 * var(--vd-u)); width: calc(290 * var(--vd-u)); height: calc(180 * var(--vd-u)); }
  .vd-home .home-awards-head h2 { left: calc(15 * var(--vd-u)); top: calc(60 * var(--vd-u)); width: calc(290 * var(--vd-u)); font-size: calc(40 * var(--vd-u)); line-height: calc(36 * var(--vd-u)); letter-spacing: calc(-1.5 * var(--vd-u)); }
  .home-awards { --card-w: 290; --card-h: 260; --by-top: 180; --src-top: 204; --arrow-top: 211; grid-template-columns: calc(var(--card-w) * var(--vd-u)); padding: 0 0 calc(40 * var(--vd-u)) calc(15 * var(--vd-u)); }
  .vd-home .home-award h3, .vd-home .home-award__source { font-size: calc(26 * var(--vd-u)); line-height: calc(26 * var(--vd-u)); }
  .vd-home .home-award h3 { top: calc(30 * var(--vd-u) - 1px); }
  .home-award:nth-of-type(-n+3) h3 { width: calc(189 * var(--vd-u)); }
  .home-award:nth-of-type(4) h3 { width: calc(186 * var(--vd-u)); }
  .home-award:nth-of-type(5) h3 { width: calc(223 * var(--vd-u)); }
  .home-award:nth-of-type(6) h3 { width: calc(152 * var(--vd-u)); }
}
/* Шестой блок повторяет два блока оригинала: голову Zero Block rec1189815126 (160 / 298 / 280 / 172 по
   холстам 1200 / 960 / 640 / 320; заголовок 60/54 на 20/150 — на 1200 он ниже головы и стоит слева от
   списка) и аккордеон t585 rec1189816021 в правой половине сетки: 1200 — от 634 шириной 526; 960 — от 505
   шириной 425; 640 — от 40 шириной 560; 480–639 — 415 по центру холста 480 (у t585 свой холст, единица
   --faq-u); 320 — 267,5 по центру. Пункт: линия 1 #505050 сверху, поля 27/50/27/0 (640 и уже: 15/50/14/0),
   вопрос Onest 500 16/22.4, плюс 24 в круге 40 у правого края, при раскрытии поворачивается в крест
   (0,3 с); ответ Onest 400 14/22.4 #c0c0c0, под ним 20 + 20 (640 и уже: 15 + 10); под последним пунктом
   линия, до конца блока 15. Всё растёт с холстом (Тильда даёт блоку zoom), поэтому в единицах холста.
   Наведения у оригинала нет; раскрытие у нас без плавной высоты. */
.home-faq-block { --faq-u: var(--vd-u); background: #000; padding-bottom: calc(15 * var(--faq-u)); }
.home-faq-head { position: relative; height: calc(160 * var(--vd-u)); }
.vd-home .home-faq-head h2 { position: absolute; left: calc(20 * var(--vd-u)); top: calc(150 * var(--vd-u)); width: calc(380 * var(--vd-u)); max-width: none; font: 400 calc(60 * var(--vd-u))/calc(54 * var(--vd-u)) AkzidenzGrotesk, Arial, sans-serif; letter-spacing: calc(-2.5 * var(--vd-u)); text-transform: uppercase; text-wrap: wrap; }
.home-faq { margin: 0 calc(40 * var(--faq-u)) 0 calc(634 * var(--faq-u)); border-bottom: calc(1 * var(--faq-u)) solid #505050; }
.home-faq details { border-top: calc(1 * var(--faq-u)) solid #505050; }
.home-faq summary { position: relative; padding: calc(27 * var(--faq-u)) calc(50 * var(--faq-u)) calc(27 * var(--faq-u)) 0; list-style: none; font: 500 calc(16 * var(--faq-u))/calc(22.4 * var(--faq-u)) Onest, Arial, sans-serif; cursor: pointer; }
.home-faq summary::-webkit-details-marker { display: none; }
.home-faq summary::after { content: ''; position: absolute; right: calc(9 * var(--faq-u)); top: 50%; width: calc(22 * var(--faq-u)); height: calc(22 * var(--faq-u)); margin-top: calc(-11 * var(--faq-u)); background: linear-gradient(#fff, #fff) center / 100% max(1px, calc(1 * var(--faq-u))) no-repeat, linear-gradient(#fff, #fff) center / max(1px, calc(1 * var(--faq-u))) 100% no-repeat; transition: transform .3s ease-in-out; }
.home-faq details[open] summary::after { transform: rotate(-45deg); }
.vd-home .home-faq details p { margin: 0 0 calc(20 * var(--faq-u)); padding-bottom: calc(20 * var(--faq-u)); color: #c0c0c0; font: 400 calc(14 * var(--faq-u))/calc(22.4 * var(--faq-u)) Onest, Arial, sans-serif; }
@media (max-width: 1199px) { /* холст 960 */
  .home-faq-head { height: calc(298 * var(--vd-u)); }
  .home-faq { margin: 0 calc(30 * var(--faq-u)) 0 calc(505 * var(--faq-u)); }
}
@media (max-width: 959px) { /* холст 640: список во всю ширину с полями 40, пункты ниже */
  .home-faq-head { height: calc(280 * var(--vd-u)); }
  .vd-home .home-faq-head h2 { width: calc(301 * var(--vd-u)); font-size: calc(50 * var(--vd-u)); line-height: calc(45 * var(--vd-u)); }
  .home-faq { margin: 0 calc(40 * var(--faq-u)); }
  .home-faq summary { padding: calc(15 * var(--faq-u)) calc(50 * var(--faq-u)) calc(14 * var(--faq-u)) 0; }
  .vd-home .home-faq details p { margin-bottom: calc(15 * var(--faq-u)); padding-bottom: calc(10 * var(--faq-u)); }
}
@media (max-width: 639px) { /* холст 320 у головы; у списка холст 480 до 639 и 320 ниже, ширина 86,5 % / 83,6 % по центру */
  .home-faq-block { --faq-u: calc(100cqw / 480); }
  .home-faq-head { height: calc(172 * var(--vd-u)); }
  .vd-home .home-faq-head h2 { left: calc(10 * var(--vd-u)); top: calc(60 * var(--vd-u)); width: calc(272 * var(--vd-u)); font-size: calc(40 * var(--vd-u)); line-height: calc(36 * var(--vd-u)); letter-spacing: calc(-1.5 * var(--vd-u)); }
  .home-faq { width: calc(415 * var(--faq-u)); margin: 0 auto; }
}
@media (max-width: 479px) { .home-faq-block { --faq-u: var(--vd-u); } .home-faq { width: calc(267.5 * var(--faq-u)); } }
.home-award-dialog { max-width: min(90vw, 900px); max-height: 90dvh; background: #111; color: #fff; padding: 16px; border: 1px solid #555; border-radius: 12px; }
.home-award-dialog::backdrop { background: #000d; }
.home-award-dialog button { display: block; margin: 0 0 12px auto; padding: 12px 18px; background: #222; border: 1px solid #888; border-radius: 8px; color: #fff; cursor: pointer; }
.home-award-dialog img { display: block; max-width: 100%; max-height: 72dvh; object-fit: contain; margin-inline: auto; }
@media (min-width: 540px) and (max-width: 600px) {
  .home-service .home-actions { flex-direction: column; align-items: stretch; }
}