/* Praxoria Startseite – v540: handschriftlicher SVG-Gestus ohne Nachrücken.
   Der Text bleibt semantisch unverändert; die visuelle Schreibbewegung wird
   über stabile Zeilen und animierte SVG-Strokes erzeugt. */

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText{
  display: block !important;
  position: relative !important;
  min-height: calc(2 * 1.46em) !important;
  line-height: 1.46 !important;
  color: var(--text) !important;
  letter-spacing: -.002em !important;
  text-wrap: pretty !important;
  overflow: visible !important;
  --answer-ink: color-mix(in oklab, var(--text) 94%, var(--accent2));
  --answer-ink-soft: color-mix(in oklab, var(--accent2) 24%, transparent);
  --answer-ink-warm: color-mix(in oklab, var(--accent3) 20%, transparent);
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText::before,
html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText.isWriting::after,
html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText.isInking::after,
html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .inkLive::after,
html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .inkFinish{
  content: none !important;
  display: none !important;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkMeasure{
  display: inline !important;
  visibility: hidden !important;
  color: transparent !important;
  white-space: normal !important;
  pointer-events: none !important;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines{
  display: block !important;
  color: var(--answer-ink) !important;
  width: 100%;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkLine{
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 1.46em;
  overflow: visible !important;
  isolation: isolate;
  white-space: nowrap !important;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkLineText{
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--answer-ink) !important;
  opacity: 0;
  clip-path: inset(-.22em 100% -.26em 0 round .08em);
  filter: blur(.28px) saturate(1.02);
  transform: translateY(.012em);
  text-shadow:
    0 .018em 0 color-mix(in oklab, var(--accent2) 4%, transparent),
    0 0 16px color-mix(in oklab, var(--accent2) 0%, transparent);
  will-change: clip-path, opacity, filter, transform;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkGesture{
  position: absolute;
  z-index: 3;
  left: -.18em;
  right: -.22em;
  top: .06em;
  width: calc(100% + .4em);
  height: 1.72em;
  overflow: visible;
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: multiply;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkGesturePath,
html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkGestureGlow{
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  vector-effect: non-scaling-stroke;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkGesturePath{
  stroke: color-mix(in oklab, var(--accent2) 44%, var(--text));
  stroke-width: 1.35;
  opacity: .30;
  filter: blur(.06px);
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkGestureGlow{
  stroke: color-mix(in oklab, var(--accent3) 36%, transparent);
  stroke-width: 4.6;
  opacity: .16;
  filter: blur(3.4px);
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines.isActive .answerInkLineText{
  animation: praxoriaV540LineInk var(--line-dur, 900ms) cubic-bezier(.19,.78,.16,1) var(--line-delay, 0ms) forwards !important;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines.isActive .answerInkGesture{
  animation: praxoriaV540GestureOpacity var(--line-dur, 900ms) cubic-bezier(.18,.74,.2,1) var(--line-delay, 0ms) forwards !important;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines.isActive .answerInkGesturePath{
  animation: praxoriaV540GestureDraw var(--line-dur, 900ms) cubic-bezier(.17,.78,.18,1) var(--line-delay, 0ms) forwards !important;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines.isActive .answerInkGestureGlow{
  animation: praxoriaV540GestureGlow var(--line-dur, 900ms) cubic-bezier(.17,.78,.18,1) var(--line-delay, 0ms) forwards !important;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .answerInkLineText{
  opacity: 1 !important;
  clip-path: inset(-.22em 0 -.26em 0 round .08em) !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;
}

html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .answerInkGesture,
html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .answerInkGesturePath,
html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .answerInkGestureGlow{
  animation: none !important;
  opacity: 0 !important;
}

@keyframes praxoriaV540LineInk{
  0%{
    opacity: .02;
    clip-path: inset(-.22em 100% -.26em 0 round .08em);
    filter: blur(.34px) saturate(1.02);
    transform: translateY(.014em);
  }
  24%{
    opacity: .54;
    filter: blur(.22px) saturate(1.06);
  }
  62%{
    opacity: .96;
    clip-path: inset(-.22em 18% -.26em 0 round .08em);
    filter: blur(.08px) saturate(1.03);
    transform: translateY(.004em);
  }
  100%{
    opacity: 1;
    clip-path: inset(-.22em 0 -.26em 0 round .08em);
    filter: blur(0) saturate(1);
    transform: translateY(0);
  }
}

@keyframes praxoriaV540GestureDraw{
  0%{
    stroke-dashoffset: 100;
    opacity: .08;
  }
  18%{
    opacity: .36;
  }
  78%{
    stroke-dashoffset: 8;
    opacity: .28;
  }
  100%{
    stroke-dashoffset: 0;
    opacity: 0;
  }
}

@keyframes praxoriaV540GestureGlow{
  0%{
    stroke-dashoffset: 100;
    opacity: 0;
  }
  20%{
    opacity: .20;
  }
  70%{
    stroke-dashoffset: 10;
    opacity: .12;
  }
  100%{
    stroke-dashoffset: 0;
    opacity: 0;
  }
}

@keyframes praxoriaV540GestureOpacity{
  0%{ opacity: 0; transform: translateY(.02em); }
  12%{ opacity: 1; }
  70%{ opacity: 1; }
  100%{ opacity: 0; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines.isActive .answerInkLineText,
  html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines.isActive .answerInkGesture,
  html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines.isActive .answerInkGesturePath,
  html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLines.isActive .answerInkGestureGlow{
    animation: none !important;
  }
  html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkLineText{
    opacity: 1 !important;
    clip-path: inset(-.22em 0 -.26em 0 round .08em) !important;
    filter: none !important;
    transform: none !important;
  }
  html body.home.homeRefinedV540 #studioPanel2 .studioTileQuote .answerWriteText .answerInkGesture{
    display: none !important;
  }
}