/* Первый экран раздела «Аналитика»: светлый ролик на всю ширину, текст поверх. 06.09.2026 */
.an-hero{position:relative;width:100%;min-height:min(78vh,760px);display:flex;align-items:flex-end;
  overflow:hidden;background:#f3f5f2;color:#12171c;isolation:isolate}
.an-hero video,.an-hero img.an-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center;z-index:0;transform:scale(1.02)}
.an-hero::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.78) 34%,rgba(255,255,255,.18) 62%,rgba(255,255,255,0) 100%),
             linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.55) 100%)}
.an-hero .an-in{position:relative;z-index:2;width:100%;max-width:1170px;margin:0 auto;padding:110px 24px 64px}
.an-hero{margin-bottom:34px}
.an-hero.an-doc{margin-bottom:0}
.an-hero.an-doc .an-in{padding-left:52px;padding-right:52px}
.an-hero .an-eyebrow{font:700 12px/1.3 inherit;letter-spacing:.14em;text-transform:uppercase;color:#5f7d00;margin:0 0 16px}
.an-hero h1{font:800 clamp(34px,5vw,64px)/1.06 inherit;letter-spacing:-.025em;color:#12171c;margin:0 0 18px;max-width:14ch}
.an-hero .an-dek{font:500 clamp(17px,1.6vw,22px)/1.45 inherit;color:#2c353c;max-width:52ch;margin:0 0 14px}
.an-hero .an-sub{font:500 14px/1.5 inherit;color:#57666f;margin:0}
.an-hero .an-crumbs{font:500 13px/1.4 inherit;color:#57666f;margin:0 0 26px}
.an-hero .an-crumbs a{color:#3d4a52;text-decoration:none;border-bottom:1px solid rgba(61,74,82,.3)}
.an-hero .an-crumbs .sep{margin:0 8px;opacity:.6}
@media(max-width:860px){
  .an-hero{min-height:0;align-items:flex-start}
  .an-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 45%,rgba(255,255,255,.55) 100%)}
  .an-hero .an-in{padding:84px 24px 40px}
  .an-hero{margin-bottom:26px}
  .an-hero h1{max-width:none}
}
@media(prefers-reduced-motion:reduce){.an-hero video{display:none}.an-hero img.an-fallback{display:block}}
@media(max-width:560px){.an-hero .an-in{padding-left:18px;padding-right:18px}}
@media(max-width:760px){.an-hero.an-doc.an-slide .an-in{padding-left:18px;padding-right:18px}}
@media(max-width:640px){.an-hero.an-doc .an-in{padding-left:18px;padding-right:18px}}

/* Первый экран, следующий за темой сайта (листинг «Аналитика»): тёмный ролик и светлый текст в тёмной теме */
.an-hero.an-theme{background:#0b1015;color:#eef3f7}
.an-hero.an-theme::before{background:linear-gradient(90deg,rgba(8,12,16,.92) 0%,rgba(8,12,16,.78) 34%,rgba(8,12,16,.18) 62%,rgba(8,12,16,0) 100%),
  linear-gradient(180deg,rgba(8,12,16,0) 55%,rgba(8,12,16,.6) 100%)}
.an-hero.an-theme h1{color:#eef3f7}
.an-hero.an-theme .an-dek{color:#c9d3dc}
.an-hero.an-theme .an-sub,.an-hero.an-theme .an-crumbs{color:#93a4b2}
.an-hero.an-theme .an-crumbs a{color:#c9d3dc;border-bottom-color:rgba(201,211,220,.35)}
.an-hero.an-theme .an-eyebrow{color:#c8f000}
.an-hero.an-theme video.v-light{display:none}
:root[data-theme="light"] .an-hero.an-theme{background:#f3f5f2;color:#12171c}
:root[data-theme="light"] .an-hero.an-theme::before{background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.78) 34%,rgba(255,255,255,.18) 62%,rgba(255,255,255,0) 100%),
  linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.55) 100%)}
:root[data-theme="light"] .an-hero.an-theme h1{color:#12171c}
:root[data-theme="light"] .an-hero.an-theme .an-dek{color:#2c353c}
:root[data-theme="light"] .an-hero.an-theme .an-sub,:root[data-theme="light"] .an-hero.an-theme .an-crumbs{color:#57666f}
:root[data-theme="light"] .an-hero.an-theme .an-crumbs a{color:#3d4a52;border-bottom-color:rgba(61,74,82,.3)}
:root[data-theme="light"] .an-hero.an-theme .an-eyebrow{color:#5f7d00}
:root[data-theme="light"] .an-hero.an-theme video.v-dark{display:none}
:root[data-theme="light"] .an-hero.an-theme video.v-light{display:block}
@media(max-width:860px){.an-hero.an-theme::before{background:linear-gradient(180deg,rgba(8,12,16,.94) 0%,rgba(8,12,16,.86) 45%,rgba(8,12,16,.55) 100%)}
  :root[data-theme="light"] .an-hero.an-theme::before{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 45%,rgba(255,255,255,.55) 100%)}}