/* Утверждённая шапка с Владом: фотомонтаж и отдельный мобильный кадр. */
.camry-vlad-hero {
  height: auto;
  min-height: 0;
  aspect-ratio: 1920 / 1024;
  background: #c90004;
}
.camry-vlad-hero::before { content: none; }
.camry-vlad-hero .camry-red-hero__frame {
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.camry-vlad-hero .camry-red-hero__scene {
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  mask-image: none;
}
.camry-vlad-hero .camry-red-hero__scene img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mask-image: none;
}
.camry-vlad-hero .camry-red-hero__title {
  left: 69.791667%;
  top: 15.136719%;
  font-size: 7.395833cqw;
  line-height: .93;
  letter-spacing: -2px;
  transform: skewX(-8deg);
  transform-origin: top left;
}
.camry-vlad-hero .camry-red-hero__title > span { transform: none; }
.camry-vlad-hero .camry-red-hero__title-last {
  margin-top: .1em;
  font-size: .704225em;
  line-height: 1.04;
  letter-spacing: -1px;
}
.camry-vlad-hero .camry-red-hero__action {
  top: 54.8%;
  left: 69.791667%;
  width: 23.177083%;
}
.camry-vlad-hero .camry-red-hero__eyebrow {
  margin: 0 0 .4375em;
  font-size: 1.666667cqw;
  line-height: 1.2;
  transform: skewX(-8deg);
}
.camry-vlad-hero .camry-red-hero__description {
  margin: 0 0 .846154em;
  font-size: 1.354167cqw;
  line-height: 1.2;
}
.camry-vlad-hero .camry-red-hero__button {
  min-height: 4.166667cqw;
  padding: 1.041667cqw 1.354167cqw;
  font-size: 1.5625cqw;
  line-height: 1.15;
}
.camry-vlad-hero .camry-red-hero__button .material-symbols-rounded { font-size: 1.2em; }
.camry-vlad-hero .camry-red-hero__specs {
  right: 4.375%;
  bottom: 3.027344%;
  font-size: .833333cqw;
  letter-spacing: .025em;
}
.camry-vlad-hero__spec-break { display: none; }
@media (min-width: 1101px), (min-width: 900px) and (max-height: 800px) {
  /* Учитываем высоту области браузера и оставляем место для строки таймера. */
  .camry-vlad-hero {
    --hero-height: min(53.333333vw, calc(100svh - 64px));
    --hero-width: min(100%, calc(var(--hero-height) * 1.875));
    --hero-gutter: max(0px, calc((100cqw - var(--hero-height) * 1.875) / 2));
    height: var(--hero-height);
    aspect-ratio: auto;
  }
  .camry-vlad-hero .camry-red-hero__frame {
    width: var(--hero-width);
    margin-inline: auto;
  }
  /* Продлеваем фон за пределами кадра, не растягивая людей и автомобиль. */
  .camry-vlad-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: #f1eeeb url("../img/faq-paper-v1.webp") center / cover;
    clip-path: polygon(0 calc(55.6% - var(--hero-gutter) * .130133), 100% calc(80% + var(--hero-gutter) * .130133), 100% 100%, 0 100%);
  }
  .camry-vlad-hero .camry-red-hero__scene {
    mask-image: linear-gradient(90deg, transparent, #000 2%, #000 98%, transparent);
  }
  .camry-vlad-hero .camry-red-hero__description { font-size: max(16px, 1.354167cqw); }
  .camry-vlad-hero .camry-red-hero__eyebrow { font-size: max(22px, 1.666667cqw); }
  .camry-vlad-hero .camry-red-hero__button { min-height: 48px; font-size: max(20px, 1.5625cqw); }
  .camry-vlad-hero .camry-red-hero__specs { color: #151515; font-size: max(10px, .833333cqw); }
  .camry-vlad-hero .camry-red-hero__action { display: block; width: max(23.177083%, 230px); }
  .camry-vlad-page .topbar { background: linear-gradient(#c90004 70%, #c9000400); }
  .camry-vlad-page .topbar-inner { max-width: none; height: clamp(68px, 11svh, 100px); padding-inline: 4.583333%; }
  .camry-vlad-page .topbar .brand-logo { width: clamp(145px, 23svh, 244px); }
  .camry-vlad-page .topbar-nav { gap: 2.083333vw; }
  .camry-vlad-page .topbar-nav a,
  .camry-vlad-page .topbar .btn-auth { font-size: clamp(14px, 1.041667vw, 20px); }
}
@media (min-width: 900px) and (max-height: 680px) {
  .camry-vlad-hero .camry-red-hero__title { top: 17%; font-size: 6cqw; }
  .camry-vlad-hero .camry-red-hero__action { top: 50%; }
}
@media (max-width: 899px), (max-width: 1100px) and (min-height: 801px) {
  .camry-vlad-page .topbar-inner { height: 78px; padding-inline: 22px; gap: 16px; }
  .camry-vlad-page .topbar .brand-logo { width: 137px; }
  .camry-vlad-page .topbar-mobile-actions { gap: 16px; }
  .camry-vlad-page .topbar-mobile-login { font-size: 16px; }
  .camry-vlad-page .topbar-menu-toggle { width: 44px; min-width: 44px; }
  .camry-vlad-page .topbar-menu-toggle .material-symbols-rounded { font-size: 27px; }
  .camry-vlad-hero { aspect-ratio: auto; }
  .camry-vlad-hero .camry-red-hero__frame {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 92px 0 25px;
  }
  .camry-vlad-hero .camry-red-hero__title {
    position: relative;
    inset: auto;
    order: -1;
    margin: 0 28px;
    font-size: clamp(65px, 20vw, 88px);
    line-height: 1.02;
    letter-spacing: -.025em;
    transform-origin: center;
  }
  .camry-vlad-hero .camry-red-hero__title-last {
    margin-top: 7px;
    font-size: .77em;
    line-height: inherit;
    letter-spacing: inherit;
  }
  .camry-vlad-hero .camry-red-hero__scene {
    position: relative;
    inset: auto;
    z-index: 0;
    display: block;
    height: auto;
    aspect-ratio: 1330 / 800;
    margin-top: 10px;
    mask-image: linear-gradient(transparent, #000 5%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
  }
  .camry-vlad-hero .camry-red-hero__scene img { height: auto; }
  .camry-vlad-hero .camry-red-hero__action {
    position: static;
    display: block;
    width: auto;
    margin: 16px 24px 0;
  }
  .camry-vlad-hero .camry-red-hero__eyebrow { font-size: 26px; line-height: 1.15; margin-bottom: 10px; }
  .camry-vlad-hero .camry-red-hero__description { font-size: 20px; line-height: 1.25; margin-bottom: 20px; }
  .camry-vlad-hero .camry-red-hero__description br { display: none; }
  .camry-vlad-hero .camry-red-hero__button { min-height: 64px; padding: 12px 21px; font-size: 24px; line-height: 1.2; }
  .camry-vlad-hero .camry-red-hero__specs {
    position: static;
    margin: 16px 24px 0;
    color: #fff;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
    opacity: .85;
  }
  .camry-vlad-hero__spec-break { display: initial; }
  .camry-vlad-hero__spec-separator { display: none; }
}