/* Praxoria Startseite – v543: Handschriftfeinschliff.
   Keine Textänderungen: verbesserte Glyph-Linien und wiederkehrendes öffnendes Quote-Motiv. */

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText{
  --hand-ink: color-mix(in oklab, var(--text) 84%, var(--accent2));
  --hand-ink-soft: color-mix(in oklab, var(--text) 66%, var(--accent2));
  --hand-glow: color-mix(in oklab, var(--accent3) 14%, transparent);
  --hand-quote: color-mix(in oklab, var(--accent3) 48%, var(--accent));
  letter-spacing:.002em;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk{
  word-spacing:.055em;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandOpeningQuote{
  position:relative;
  display:inline-block;
  width:.62em;
  height:1.30em;
  margin-right:.12em;
  vertical-align:-.24em;
  opacity:.96;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandOpeningQuote svg{
  display:block;
  width:.62em;
  height:1.22em;
  overflow:visible;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandQuotePath:not(.answerHandLetterShadow){
  stroke:var(--hand-quote) !important;
  stroke-width:1.22 !important;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandQuotePath.answerHandLetterShadow{
  stroke:color-mix(in oklab, var(--hand-quote) 34%, transparent) !important;
  stroke-width:3.3 !important;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandWord{
  margin-right:.235em;
  vertical-align:-.31em;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandLetterPath{
  stroke-width:1.34 !important;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:blur(.018px);
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandConnectorPath:not(.answerHandLetterShadow){
  stroke-width:.92 !important;
  opacity:0;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandLetterShadow{
  stroke-width:3.3 !important;
  filter:blur(2.4px) !important;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandWord::after{
  height:.075em;
  top:1.01em;
  background:linear-gradient(90deg,
    color-mix(in oklab, var(--hand-ink) 8%, transparent),
    color-mix(in oklab, var(--hand-quote) 42%, transparent),
    transparent);
  box-shadow:0 0 12px color-mix(in oklab, var(--accent3) 16%, transparent);
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandLetterPath{
  animation:praxoriaV543LetterDraw var(--letter-dur, 210ms) cubic-bezier(.21,.68,.17,1) calc(var(--word-delay,0ms) + var(--letter-delay,0ms)) forwards !important;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandLetterShadow{
  animation:praxoriaV543LetterGlow var(--letter-dur, 210ms) cubic-bezier(.2,.74,.18,1) calc(var(--word-delay,0ms) + var(--letter-delay,0ms)) forwards !important;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandInk.isActive .answerHandWord::after{
  animation:praxoriaV543PenMove var(--word-dur, 620ms) cubic-bezier(.18,.68,.18,1) var(--word-delay,0ms) forwards !important;
}

@keyframes praxoriaV543LetterDraw{
  0%{
    stroke-dashoffset:100;
    opacity:0;
    stroke-width:1.06;
    filter:blur(.18px);
  }
  11%{ opacity:.72; }
  44%{
    stroke-dashoffset:38;
    opacity:.98;
    stroke-width:1.42;
    filter:blur(.04px);
  }
  78%{
    stroke-dashoffset:7;
    opacity:.97;
    stroke-width:1.34;
  }
  100%{
    stroke-dashoffset:0;
    opacity:.94;
    stroke-width:1.28;
    filter:none;
  }
}

@keyframes praxoriaV543LetterGlow{
  0%{ stroke-dashoffset:100; opacity:0; }
  20%{ opacity:.12; }
  58%{ stroke-dashoffset:26; opacity:.075; }
  100%{ stroke-dashoffset:0; opacity:0; }
}

@keyframes praxoriaV543PenMove{
  0%{ opacity:0; transform:translateX(0) translateY(.055em) rotate(-14deg) scaleX(.52); }
  10%{ opacity:.38; }
  42%{ transform:translateX(calc(var(--word-travel) * .43)) translateY(-.018em) rotate(-8deg) scaleX(.82); }
  76%{ opacity:.30; transform:translateX(calc(var(--word-travel) * .78)) translateY(.018em) rotate(-13deg) scaleX(.70); }
  100%{ opacity:0; transform:translateX(var(--word-travel)) translateY(-.008em) rotate(-11deg) scaleX(.42); }
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .answerHandLetterPath{
  stroke-dashoffset:0 !important;
  opacity:.94 !important;
  stroke-width:1.28 !important;
  filter:none !important;
}

html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .answerHandQuotePath:not(.answerHandLetterShadow){
  opacity:.82 !important;
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV543 #studioPanel2 .studioTileQuote .answerWriteText .answerHandQuotePath:not(.answerHandLetterShadow){
    stroke-dashoffset:0 !important;
    opacity:.82 !important;
  }
}