/* ====== Liquid Glass for Lenuma (v2, high contrast + iridescence) ====== */
:root{
  --lg-bg-1:#0a0f16; --lg-bg-2:#0b1119;
  --lg-ink:#eaf2ff;  --lg-muted:#b6c5dc;

  --lg-glass:rgba(255,255,255,.06);
  --lg-stroke:color-mix(in oklab, #ffffff 18%, transparent);
  --lg-highlight:rgba(255,255,255,.15);
  --lg-shadow:rgba(0,0,0,.50);

  /* спектр и скорость перелива */
  --lg-spectrum-1:#ff79a1; 
  --lg-spectrum-2:#78beff; 
  --lg-spectrum-3:#a0fff0;
  --lg-spectrum-4:#b794ff; /* мягкий фиолет для глубины */
  --lg-iris-speed:9s;
  --lg-sheen-speed:3.6s;

  --lg-radius:28px;
  --lg-blur:22px;
  --lg-gap:clamp(20px, 3vw, 40px);
}

/* ===== Секция с видеофоном ===== */
.video-section.video-section--glass{
  position:relative;
  min-height:clamp(420px,72vh,820px);
  display:grid; place-items:center;
  overflow:clip;
  background:radial-gradient(120% 120% at 50% 0%, #0b1320 0%, #0a0f16 45%, #070c14 100%);
}
.video-section .section-video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover;
  filter:saturate(110%) contrast(105%) brightness(85%);
  opacity:.75; z-index:0;
}
.video-section .section-tint{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  /* усиленная виньетка для читаемости */
  background:
    radial-gradient(90% 60% at 50% 12%, rgba(120,190,255,.12) 0%, transparent 60%),
    radial-gradient(70% 50% at 50% 88%, rgba(255,121,161,.10) 0%, transparent 70%),
    linear-gradient(to bottom, rgba(0,0,0,.22), rgba(0,0,0,.48));
}

/* ===== Центрируем блок ===== */
.lenuma-logo{
  position:relative; z-index:2;
  width:min(1100px,92vw);
  margin-inline:auto;
  padding:var(--lg-gap);
  display:grid; place-items:center;
}

/* ===== Стеклянная капсула ===== */
.logo-wrap{
  position:relative; isolation:isolate;
  display:grid; place-items:center;
  padding:clamp(22px,3vw,38px) clamp(28px,4vw,56px);
  border-radius:var(--lg-radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) border-box,
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)) padding-box;
  border:1px solid var(--lg-stroke);
  box-shadow:
    0 28px 60px -20px var(--lg-shadow),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(var(--lg-blur)) saturate(120%);
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(120%);
  transform:translateZ(0);
}
.logo-wrap::before,
.logo-wrap::after{
  content:""; position:absolute; inset:2px;
  border-radius:calc(var(--lg-radius) - 2px); pointer-events:none;
}
.logo-wrap::before{
  background:
    radial-gradient(120% 80% at 10% 0%, rgba(255,255,255,.28) 0%, transparent 50%),
    radial-gradient(70% 60% at 90% 100%, rgba(255,255,255,.12) 0%, transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.00));
  mix-blend-mode:screen; opacity:.58;
}
.logo-wrap::after{
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 0 0 1px rgba(255,255,255,.03),
    0 0 40px -8px color-mix(in oklab, var(--lg-spectrum-2) 35%, transparent);
  opacity:.72;
}

/* ховер-микроанимация */
@media (hover:hover){
  .logo-wrap{
    transition:transform .6s cubic-bezier(.22,1,.24,1), box-shadow .6s;
    will-change:transform;
  }
  .logo-wrap:hover{
    transform:translateY(-4px);
    box-shadow:
      0 36px 80px -28px rgba(0,0,0,.55),
      inset 0 1px 0 rgba(255,255,255,.22);
  }
}

/* ===== Текстовый логотип: высокая читаемость + переливание ===== */
.logo-word{
  position:relative;
  display:inline-grid; place-items:center;
  margin:0;
  font:900 clamp(44px, 10vw, 160px)/1.05 system-ui,-apple-system,"SF Pro Display",Inter,Roboto,sans-serif;
  letter-spacing:.015em;

  /* Яркая «стеклянная» заливка (внутри букв) */
  background:
    linear-gradient(145deg, #fff 0%, #eaf2ff 28%, #bcd6ff 48%, #8cbaff 70%, #ffffff 100%) padding-box,
    /* Иридесцентный спектр для переливания */
    linear-gradient(90deg,
      color-mix(in oklab, var(--lg-spectrum-1) 85%, transparent) 0%,
      color-mix(in oklab, var(--lg-spectrum-2) 85%, transparent) 30%,
      color-mix(in oklab, var(--lg-spectrum-3) 85%, transparent) 60%,
      color-mix(in oklab, var(--lg-spectrum-4) 85%, transparent) 100%) border-box;
  -webkit-background-clip:text; background-clip:text;
  color:transparent;

  /* — Контур для контраста —
     1) WebKit-обводка
     2) Фолбэк через многослойный text-shadow */
  -webkit-text-stroke: 1px rgba(0,0,0,.75);
  text-shadow:
    0 0 0.5px rgba(0,0,0,.85),
    0 0 1px   rgba(0,0,0,.65),
    0 2px 6px rgba(0,0,0,.55),
    0 0 12px  rgba(140,186,255,.75);

  /* общий drop-shadow для отрыва от видеофона */
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.45));

  /* Переливание спектра — медленное, респектабельное */
  background-size: 200% 100%, 200% 100%;
  animation: lg-iris var(--lg-iris-speed) ease-in-out infinite;
}

/* дополнительная мягкая светящаяся «аура» вокруг букв */
.logo-word::after{
  content: attr(data-text);
  position:absolute; inset:0; pointer-events:none;
  display:grid; place-items:center;
  /* та же геометрия текста */
  font:inherit; letter-spacing:inherit;
  color:transparent;
  -webkit-text-stroke: 0 transparent;
  text-shadow:
    0 0 18px rgba(160,255,240,.25),
    0 0 28px rgba(120,190,255,.18),
    0 0 42px rgba(255,121,161,.12);
  /* лёгкая дыхательная анимация ауры */
  animation: lg-breathe 4.8s ease-in-out infinite;
}

/* «живой» объём стекла */
.logo-word .fill{
  position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.20) 0%, transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.00));
  opacity:.60;
}

/* пробегающий блик (шейн) */
.logo-word .shine{ position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.logo-word .shine::before{
  content:"";
  position:absolute; top:-12%; left:-30%;
  width:60%; height:124%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,1) 50%, transparent 100%);
  filter:blur(6px);
  opacity:.9;
  animation: lg-sheen var(--lg-sheen-speed) linear infinite;
}

/* Анимации */
@keyframes lg-iris{
  0%   { background-position: 0% 0%,   0% 0%; }
  50%  { background-position: 100% 0%, 100% 0%; }
  100% { background-position: 0% 0%,   0% 0%; }
}
@keyframes lg-sheen{
  0%   { transform: translateX(0) skewX(-18deg); }
  100% { transform: translateX(220%) skewX(-18deg); }
}
@keyframes lg-breathe{
  0%,100% { opacity:.65; filter:blur(0.6px); }
  50%     { opacity:.90; filter:blur(1.2px); }
}

/* SVG размеров */
.logo-wrap .logo-overlay{
  display:block; width:min(100%,1000px); height:auto;
  margin-top:clamp(6px, 1.2vw, 10px);
}

/* ===== Адаптив ===== */
@media (max-width:720px){
  .logo-wrap{
    padding:20px 22px;
    border-radius:22px;
    backdrop-filter:blur(18px) saturate(120%);
  }
  .logo-wrap::before{ opacity:.5; }
  .logo-wrap::after{ opacity:.6; }
  .logo-word{
    -webkit-text-stroke: 0.8px rgba(0,0,0,.8);
    text-shadow:
      0 0 0.5px rgba(0,0,0,.9),
      0 1px 4px rgba(0,0,0,.6),
      0 0 10px rgba(140,186,255,.6);
  }
}

/* ===== Accessibility ===== */
@media (prefers-reduced-motion: reduce){
  .logo-word,
  .logo-word::after{ animation: none; }
  .logo-word .shine::before{ animation: none; opacity:.45; }
  .video-section .section-video{ animation:none; }
}
@media (prefers-contrast: more){
  .logo-word{
    -webkit-text-stroke: 1.2px rgba(0,0,0,.9);
    text-shadow:
      0 0 1px rgba(0,0,0,.95),
      0 2px 7px rgba(0,0,0,.65),
      0 0 12px rgba(140,186,255,.9);
  }
}