/* === Intro animation v4: «шьётся» нитью, не пунктиром === */
.lemaronLogo svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* Сплошная нить — одна непрерывная линия идёт по контуру */
.brand-wrap.intro-mode .lemaronLogo .stroke {
  fill: none;
  stroke: #fff;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  /* Большой dasharray = одна сплошная линия. dashoffset = вся скрыта стартом. */
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  animation:
    stroke-draw 1.7s cubic-bezier(0.45, 0, 0.25, 1) 0.2s forwards,
    stroke-fade 0.6s ease-out 2.5s forwards;
}
@keyframes stroke-draw { to { stroke-dashoffset: 0; } }
@keyframes stroke-fade { to { stroke-opacity: 0; } }

/* Заливка через clipPath/SMIL — см. inline SVG */
.brand-wrap.intro-mode .lemaronLogo .fill {
  fill: #fff;
}

/* Слово LEMARON */
.brand-wrap.intro-mode .lemaronName {
  opacity: 0;
  transform: translateY(10px);
  animation: word-in 0.75s cubic-bezier(0.16, 1, 0.3, 1) 2.9s forwards;
}
@keyframes word-in {
  to { opacity: 1; transform: translateY(0); }
}

/* Слоган */
.brand-wrap.intro-mode .lemaronText {
  opacity: 0;
  animation: slogan-fade 0.7s ease-out 3.5s forwards;
}
@keyframes slogan-fade { to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .brand-wrap.intro-mode .lemaronLogo .stroke { display: none; }
  .brand-wrap.intro-mode .lemaronName,
  .brand-wrap.intro-mode .lemaronText {
    opacity: 1 !important; transform: none !important; animation: none !important;
  }
}