/* Первый экран главной страницы с фоновым видео (боевая версия, 19.08.2026).
   Собрано из демо-страницы /video-demo/, панель демонстрации в бой не переносится.
   Ролик v6: 11 планов, 25,5 с, 1080p 9,7 МБ / 720p 5,8 МБ. */
/* ==== Первый экран с фоновым видео ==== */
.hero{position:relative;width:100%;margin-top:90px;height:calc(100vh - 90px);min-height:520px;
      overflow:hidden;background:#1b1815;display:flex;align-items:center}
@supports (height:100svh){.hero{height:calc(100svh - 90px)}}
.hero__poster,.hero__poster img,.hero__video{position:absolute;inset:0;width:100%;height:100%;
      object-fit:cover;object-position:center}
.hero__poster{display:block;z-index:1}
.hero__video{z-index:2;opacity:0;transition:opacity 1s ease}
.hero__video.is-visible{opacity:1}
.hero__shade{position:absolute;inset:0;z-index:3;pointer-events:none;
      background:linear-gradient(90deg,rgba(18,15,12,.80) 0%,rgba(18,15,12,.70) 32%,rgba(18,15,12,.40) 58%,rgba(18,15,12,.12) 85%,rgba(18,15,12,.08) 100%),
                 linear-gradient(180deg,rgba(18,15,12,.22) 0%,rgba(18,15,12,0) 30%,rgba(18,15,12,0) 70%,rgba(18,15,12,.30) 100%)}
.hero__content{position:relative;z-index:4;max-width:560px;margin-left:9%;padding:0 20px;color:#fff}
.hero__title{font-family:"TrajanPro3Regular",serif;font-size:52px;line-height:1.15;letter-spacing:.14em;
      color:#fff;margin:0 0 26px;text-shadow:0 2px 24px rgba(0,0,0,.45)}
.hero__desc{font-family:"AvenirNextCyr-Regular",sans-serif;font-size:17px;line-height:30px;letter-spacing:.04em;
      color:rgba(255,255,255,.92);margin:0 0 34px;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.hero__btn{display:inline-block;background:#DBC8AC;color:#111;text-decoration:none;
      font-family:'Jost',"AvenirNextCyr-Medium",sans-serif;font-weight:600;font-size:16px;line-height:23px;
      padding:15px 34px;transition:background .3s ease,transform .3s ease}
.hero__btn:hover{background:#e8dbc6;color:#111;text-decoration:none;transform:translateY(-1px)}
/* Форма подбора номера поверх видео — включается тумблером в демо-панели */
.hero__form{display:none;margin-top:30px;background:rgba(255,255,255,.94);padding:22px 26px;
      max-width:560px;align-items:flex-end;gap:18px}
.hero.is-form .hero__form{display:flex}
.hero__form-item{display:flex;flex-direction:column;flex:1 1 0}
.hero__form-item label{font-family:"AvenirNextCyr-Regular",sans-serif;font-size:13px;color:#6d6459;margin-bottom:6px}
.hero__form-item .picker{border:none;border-bottom:1px solid #cdbfa8;background:transparent;padding:6px 0;
      font-family:"AvenirNextCyr-Regular",sans-serif;font-size:15px;color:#111;width:100%}
.hero__form-btn{background:#afa18f;color:#fff;border:none;padding:12px 22px;cursor:pointer;
      font-family:"AvenirNextCyr-Regular",sans-serif;font-size:14px;letter-spacing:.06em}
.hero__form-btn:hover{background:#978675}
.hero__scroll{position:absolute;left:50%;bottom:26px;z-index:4;width:22px;height:36px;
      border:1px solid rgba(255,255,255,.6);border-radius:12px;transform:translateX(-50%)}
.hero__scroll span{display:block;width:2px;height:7px;background:#fff;border-radius:2px;margin:7px auto 0;
      animation:heroScroll 1.8s ease-in-out infinite}
@keyframes heroScroll{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media (max-width:1023px){
  .hero{height:calc(100vh - 90px);min-height:440px}
  .hero__content{margin-left:0;padding:0 24px;max-width:none}
  .hero__title{font-size:32px;letter-spacing:.1em;margin-bottom:18px}
  .hero__desc{font-size:15px;line-height:26px;margin-bottom:26px}
  .hero__shade{background:linear-gradient(180deg,rgba(20,17,14,.35) 0%,rgba(20,17,14,.6) 60%,rgba(20,17,14,.75) 100%)}
  .hero__scroll{display:none}
  .hero.is-form .hero__form{flex-direction:column;align-items:stretch;max-width:none}
}
@media (prefers-reduced-motion:reduce){.hero__scroll span{animation:none}}