/* Praxoria Startseite – v541: SVG-Wortlinien für den handschriftlichen Antwort-Effekt.
   Die Wörter liegen von Beginn an in ihrer endgültigen Zeilenstruktur; gezeichnet
   werden eigenständige, animierte Monoline-SVGs. */

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText{
  display:block !important;
  position:relative !important;
  min-height:calc(2 * 1.48em) !important;
  line-height:1.48 !important;
  color:var(--text) !important;
  overflow:visible !important;
  letter-spacing:.002em !important;
  --hand-ink: color-mix(in oklab, var(--text) 88%, var(--accent2));
  --hand-ink-soft: color-mix(in oklab, var(--accent2) 20%, var(--text));
  --hand-glow: color-mix(in oklab, var(--accent3) 18%, transparent);
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText::before,
html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText::after,
html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerInkMeasure,
html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .inkLive,
html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines,
html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerInkGesture,
html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .inkFinish{
  content:none !important;
  display:none !important;
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk{
  display:block !important;
  max-width:100%;
  font-size:1.02em;
  line-height:1.5;
  word-spacing:.08em;
  transform:translateY(.02em);
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandWord{
  display:inline-block;
  vertical-align:-.34em;
  margin-right:.28em;
  margin-bottom:.09em;
  opacity:.98;
  white-space:nowrap;
  will-change:opacity, transform;
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandWordSvg{
  display:block;
  overflow:visible;
  filter:drop-shadow(0 4px 9px rgba(91, 115, 137, .08));
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandWordPath{
  fill:none;
  stroke:var(--hand-ink);
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:100;
  stroke-dashoffset:100;
  opacity:0;
  vector-effect:non-scaling-stroke;
  filter:blur(.04px);
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandWordPathShadow{
  stroke:var(--hand-glow);
  stroke-width:4.2;
  opacity:0;
  filter:blur(3px);
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandWordPath{
  animation:praxoriaV541HandWord var(--word-dur, 620ms) cubic-bezier(.17,.78,.18,1) var(--word-delay,0ms) forwards !important;
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandWordPathShadow{
  animation:praxoriaV541HandGlow var(--word-dur, 620ms) cubic-bezier(.18,.76,.2,1) var(--word-delay,0ms) forwards !important;
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandWord{
  animation:praxoriaV541WordSettle calc(var(--word-dur, 620ms) + 120ms) cubic-bezier(.22,.74,.2,1) var(--word-delay,0ms) forwards !important;
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .answerHandWordPath{
  animation:none !important;
  stroke-dashoffset:0 !important;
  opacity:.96 !important;
  filter:none !important;
}

html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .answerHandWordPathShadow{
  animation:none !important;
  opacity:0 !important;
}

@keyframes praxoriaV541HandWord{
  0%{
    stroke-dashoffset:100;
    opacity:0;
    stroke-width:1.30;
    filter:blur(.22px);
  }
  10%{
    opacity:.92;
  }
  58%{
    stroke-dashoffset:28;
    opacity:.98;
    stroke-width:1.72;
    filter:blur(.08px);
  }
  82%{
    stroke-dashoffset:4;
    opacity:.98;
    stroke-width:1.50;
  }
  100%{
    stroke-dashoffset:0;
    opacity:.96;
    stroke-width:1.48;
    filter:none;
  }
}

@keyframes praxoriaV541HandGlow{
  0%{ stroke-dashoffset:100; opacity:0; }
  18%{ opacity:.20; }
  62%{ stroke-dashoffset:20; opacity:.13; }
  100%{ stroke-dashoffset:0; opacity:0; }
}

@keyframes praxoriaV541WordSettle{
  0%{ transform:translateY(.025em); opacity:.92; }
  70%{ transform:translateY(.004em); opacity:1; }
  100%{ transform:translateY(0); opacity:1; }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandWordPath,
  html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandWordPathShadow,
  html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandWord{
    animation:none !important;
  }
  html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandWordPath{
    stroke-dashoffset:0 !important;
    opacity:.96 !important;
  }
  html body.home.homeRefinedV541 #studioPanel2 .studioTileQuote .answerWriteText .answerHandWordPathShadow{
    display:none !important;
  }
}
