/* evo-dna-hero — шапка главной: ДНК-полёт. Всё внутри #evo-flight, тема сайта не затрагивается. */
#evo-flight { --ease: cubic-bezier(.16,1,.3,1); --fg: #F5F5F7; --fg2: rgba(245,245,247,.74);
  --rainbow: linear-gradient(90deg,#8A3CFF,#2F6BFF,#1FC96B,#FFC21A,#FF7A1A,#FF3B3B);
  position: relative; z-index: 0; isolation: isolate; height: 100svh; min-height: 600px; background: #05060D; color: var(--fg); font-family: Geologica, system-ui, sans-serif; }
#evo-flight.fly { height: calc(100svh + var(--stops, 6.6) * 110svh); }
#evo-flight *, #evo-flight *::before, #evo-flight *::after { box-sizing: border-box; }
#evo-flight .dna-stage { position: sticky; top: 0; height: 100svh; min-height: 600px; overflow: hidden;
  background: #05060D; }
#evo-flight .dna-still img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; display: block; }
#evo-flight .dna-gl { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity 1.2s var(--ease); }
#evo-flight.ready .dna-gl { opacity: 1; }
#evo-flight .dna-veil { position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0; background: #FAF9F6; }

/* навигация-прыжок по разделам */
#evo-flight .dna-jump { position: absolute; right: 28px; top: 50%; transform: translateY(-50%); z-index: 4; display: none; flex-direction: column; gap: 14px; }
#evo-flight.fly .dna-jump { display: flex; }
#evo-flight.light .dna-jump { opacity: 0; pointer-events: none; }
#evo-flight .dna-jump a { position: relative; display: block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(255,255,255,.55); transition: background .3s, transform .3s var(--ease); }
#evo-flight .dna-jump a span { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font-size: 13px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .25s; color: var(--fg); }
#evo-flight .dna-jump a:hover span, #evo-flight .dna-jump a:focus-visible span { opacity: .9; }
#evo-flight .dna-jump a.on { background: #fff; transform: scale(1.25); }

/* тексты */
#evo-flight .dna-sec { position: absolute; z-index: 3; color: var(--fg); }
#evo-flight .dna-eyebrow { margin: 0 0 26px; font-size: 16px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--fg2); }
#evo-flight .dna-h1 { margin: 0; color: #fff; font-family: inherit; font-size: clamp(56px, 6.67vw, 120px); font-weight: 650; line-height: .98; letter-spacing: -.035em; max-width: 8.2em; text-wrap: balance; }
#evo-flight .dna-h1 b { font-weight: inherit; background: var(--rainbow); -webkit-background-clip: text; background-clip: text; color: transparent; }
#evo-flight .dna-lead { margin: 28px 0 0; font-size: clamp(18px, 1.35vw, 20px); line-height: 1.45; color: var(--fg2); max-width: 27em; }
#evo-flight .dna-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
#evo-flight .dna-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; font: 500 17px/1 Geologica, sans-serif;
  border: 1px solid rgba(255,255,255,.35); background: rgba(10,12,22,.25); color: #fff; text-decoration: none; cursor: pointer; transition: background .3s var(--ease), border-color .3s; }
#evo-flight .dna-btn:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.7); color: #fff; }
#evo-flight .dna-btn--main { position: relative; background: #fff; color: #0D0F1A; border-color: #fff; }
#evo-flight .dna-btn--main::after { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; background: var(--rainbow); pointer-events: none;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
#evo-flight .dna-btn--main:hover { background: #fff; color: #0D0F1A; }
#evo-flight .dna-hint { display: flex; align-items: center; gap: 18px; margin: 48px 0 0; font-size: 18px; color: rgba(245,245,247,.9); }
#evo-flight .dna-hint i { position: relative; flex: none; width: 30px; height: 46px; border: 2px solid rgba(255,255,255,.8); border-radius: 16px; }
#evo-flight .dna-hint i::after { content: ""; position: absolute; left: 50%; top: 10px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: #fff; animation: dnaWheel 1.8s var(--ease) infinite; }
@keyframes dnaWheel { 0% { transform: translateY(0); opacity: 0; } 25% { opacity: 1; } 80% { transform: translateY(14px); opacity: 0; } 100% { opacity: 0; } }
#evo-flight:not(.fly) .dna-hint { display: none; }
#evo-flight .dna-sec h2 { margin: 0; color: #fff; font-family: inherit; font-size: clamp(30px, 2.9vw, 44px); font-weight: 600; line-height: 1.06; letter-spacing: -.025em; text-wrap: balance; }
#evo-flight .dna-sec--win p { margin: 16px 0 0; font-size: 19px; line-height: 1.5; color: var(--fg2); }
#evo-flight .dna-more { display: inline-flex; gap: 8px; margin-top: 26px; padding: 14px 26px; border-radius: 999px; font-size: 17px; font-weight: 500; color: #fff; text-decoration: none;
  border: 1px solid rgba(255,255,255,.4); background: rgba(10,12,22,.4); backdrop-filter: blur(10px); transition: background .3s var(--ease), border-color .3s; }
#evo-flight .dna-more:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.75); color: #fff; }

/* первый экран (и до загрузки 3D): H1 слева, спираль справа */
#evo-flight .dna-sec--hero { left: max(60px, calc((100vw - 1320px) / 2)); top: 54%; transform: translateY(-50%); width: min(54vw, 780px); }
/* подписи на окнах первого экрана (mock-01): название раздела + белая таблетка «Узнать подробнее» */
#evo-flight .dna-tag { position: absolute; left: 0; top: 0; z-index: 3; translate: 0 -50%; /* evo-aaa-fix-3: справа от спирали, не поверх */ display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
  opacity: 0; visibility: hidden; will-change: transform, opacity; pointer-events: none; }
#evo-flight .dna-tag b { font: 650 clamp(26px, 2.2vw, 34px)/1 Geologica, sans-serif; letter-spacing: -.02em; color: #fff; text-shadow: 0 2px 18px rgba(0,0,0,.55); }
#evo-flight .dna-tag .dna-pill { min-height: 44px; padding: 0 18px; font-size: 16px; } #evo-flight .dna-pill { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: 999px; background: #fff; color: #141414;
  font: 600 17px/1 Geologica, sans-serif; text-decoration: none; pointer-events: auto; box-shadow: 0 10px 30px rgba(0,0,0,.28); transition: transform .35s var(--ease); }
#evo-flight .dna-pill::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: var(--rainbow); pointer-events: none;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
#evo-flight .dna-pill span { transition: transform .35s var(--ease); } #evo-flight .dna-pill:hover { color: #141414; } #evo-flight .dna-pill:hover span { transform: translateX(4px); }
#evo-flight .dna-pill:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
#evo-flight .dna-sec--hero::before { content: ""; position: absolute; inset: -60px -80px; z-index: -1; pointer-events: none; background: radial-gradient(closest-side, rgba(5,6,13,.6), rgba(5,6,13,0)); }
#evo-flight .dna-sec--win, #evo-flight .dna-sec--end { display: none; }
/* режим полёта: подписи у окон */
#evo-flight.fly .dna-sec { opacity: 0; visibility: hidden; will-change: opacity, transform; }
#evo-flight.fly .dna-sec--hero { opacity: 1; visibility: visible; }
#evo-flight:not(.fly) .dna-tag { display: none; }
#evo-flight.fly .dna-sec--win { display: block; top: 50%; width: min(34vw, 520px); }
#evo-flight.fly .dna-sec--win[data-side="r"] { right: 76px; }
#evo-flight .dna-sec--win h2 { font-size: clamp(36px, 3.5vw, 56px) !important; line-height: 1.04 !important; overflow-wrap: normal; hyphens: none; }
body:has(#evo-flight) #qodef-back-to-top { display: none !important; }   /* OE-32: боковой элемент темы */
#evo-flight.fly .dna-sec--win[data-side="l"] { left: 60px; }
#evo-flight.fly .dna-sec--win::before { content: ""; position: absolute; inset: -60px -80px; z-index: -1; pointer-events: none; background: radial-gradient(closest-side, rgba(5,6,13,.62), rgba(5,6,13,0)); }

@media (max-width: 767px) {
  #evo-flight, #evo-flight .dna-stage { min-height: 560px; }
  #evo-flight.fly { height: calc(100svh + var(--stops, 6.6) * 95svh); }
  #evo-flight .dna-still img { object-position: 50% 0; }
  #evo-flight .dna-jump { right: 10px; gap: 12px; } #evo-flight .dna-jump a { width: 9px; height: 9px; } #evo-flight .dna-jump a span { display: none; }
  #evo-flight .dna-tag { display: none; }
  #evo-flight .dna-sec--hero { left: 20px; right: 32px; width: auto; top: auto; bottom: 48px; transform: none; }
  #evo-flight .dna-sec--hero::before { inset: -40px -20px -48px; background: linear-gradient(rgba(5,6,13,0), rgba(5,6,13,.8) 32%); }
  #evo-flight .dna-h1 { font-size: clamp(32px, 9vw, 40px); }
  #evo-flight .dna-lead { font-size: 17px; margin-top: 14px; } #evo-flight .dna-row { margin-top: 22px; } #evo-flight .dna-hint { margin-top: 18px; }
  #evo-flight .dna-btn { min-height: 50px; padding: 0 22px; font-size: 16px; }
  #evo-flight.fly .dna-sec--win { left: 16px !important; right: 30px !important; width: auto; top: auto; bottom: 32px; padding: 20px; border-radius: 22px;
    background: rgba(8,10,20,.55); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.12); }
  #evo-flight.fly .dna-sec--win::before { display: none; }
  #evo-flight .dna-sec h2 { font-size: 26px; } #evo-flight .dna-sec--win p { font-size: 16px; margin-top: 8px; } #evo-flight .dna-more { margin-top: 14px; padding: 12px 22px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { #evo-flight .dna-gl { transition: none; } }

/* ===== evo-aaa-1 — посадка (эталон FINAL/aaa/mock-02): слой поверх последних кадров кино #evo-film (кино ведёт home.js, здесь только подпись).
   Низ кадра растворяется в светлое поле, крупный H2 на светлом, ДНК-точки-пыльца 7 цветов. Прогресс — по .evf-run (land.js в evo-dna-hero.php). */
#evo-film .evf-land { position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: var(--land, 0); }
#evo-film:not(.on) .evf-land { --land: 1; }
#evo-film .evf-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 60%;
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.72) 34%, rgba(255,255,255,.96) 58%, #FFF 74%); }
#evo-film .evf-cap { position: absolute; left: max(60px, calc((100vw - 1320px) / 2)); right: 60px; bottom: clamp(48px, 9vh, 110px);
  transform: translate3d(0, var(--cap-y, 0px), 0); opacity: var(--cap-o, 1); will-change: transform, opacity; }
#evo-film .evf-k { margin: 0 0 22px; font: 600 15px/1 Geologica, sans-serif; letter-spacing: .32em; text-transform: uppercase; color: #5E5E5E; }
#evo-film .evf-h { margin: 0; max-width: 12.5em; font: 650 clamp(56px, 6.4vw, 108px)/.98 Geologica, sans-serif !important; letter-spacing: -.035em !important; color: #141414 !important; text-wrap: balance; }
#evo-film .evf-dots { position: absolute; inset: 0; }
#evo-film .evf-dots b { position: absolute; width: var(--s); height: var(--s); border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff 0 12%, var(--c) 46%, transparent 72%);
  animation: evfDust 6s ease-in-out infinite alternate; animation-delay: var(--d); }
@keyframes evfDust { to { transform: translate3d(var(--dx, 6px), -14px, 0); } }
#evo-film .evf-dots b:nth-child(1) { left: 3.6%; top: 64%; --s: 12px; --c: #8A3CFF; --d: -1s; }
#evo-film .evf-dots b:nth-child(2) { left: 19%; top: 66%; --s: 7px; --c: #1FC96B; --d: -3s; }
#evo-film .evf-dots b:nth-child(3) { left: 27%; top: 68%; --s: 6px; --c: #19B6E6; --d: -2s; }
#evo-film .evf-dots b:nth-child(4) { left: 52%; top: 69%; --s: 12px; --c: #2F6BFF; --d: -4s; --dx: -8px; }
#evo-film .evf-dots b:nth-child(5) { left: 57.5%; top: 71%; --s: 11px; --c: #FF7A1A; --d: -1.5s; }
#evo-film .evf-dots b:nth-child(6) { left: 76%; top: 82%; --s: 9px; --c: #1FC96B; --d: -5s; }
#evo-film .evf-dots b:nth-child(7) { left: 86.5%; top: 84%; --s: 10px; --c: #FFC21A; --d: -2.5s; --dx: -6px; }
#evo-film .evf-dots b:nth-child(8) { left: 91.5%; top: 75%; --s: 13px; --c: #FF7A1A; --d: -3.5s; }
#evo-film .evf-dots b:nth-child(9) { left: 96%; top: 89%; --s: 14px; --c: #FF3B3B; --d: -.5s; }
#evo-film .evf-dots b:nth-child(10) { left: 71.5%; top: 90%; --s: 11px; --c: #2F6BFF; --d: -4.5s; }
#evo-film .evf-dots b:nth-child(11) { left: 59%; top: 94%; --s: 7px; --c: #8A3CFF; --d: -2s; }
#evo-film .evf-dots b:nth-child(12) { left: 82%; top: 57%; --s: 6px; --c: #FF3B3B; --d: -3s; }
@media (max-width: 767px) {
  #evo-film .evf-fade { height: 66%; }
  #evo-film .evf-cap { left: 20px; right: 20px; bottom: clamp(40px, 8vh, 72px); }
  #evo-film .evf-k { margin-bottom: 14px; font-size: 14px; letter-spacing: .26em; }
  #evo-film .evf-h { font-size: clamp(40px, 11vw, 52px) !important; line-height: 1 !important; }
  #evo-film .evf-dots b:nth-child(n+9) { display: none; }
}
@media (prefers-reduced-motion: reduce) { #evo-film .evf-dots b { animation: none; } }