/* Praxoria Startseite – v538: Schreibwirkung ohne Endcursor.
   Der Text behält seine endgültige Zeilenaufteilung; die Bewegung liegt als
   wandernder Tinten-/Stiftgestus über jedem Wort. Keine Textänderungen. */

html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText{
  min-height: calc(2 * 1.42em) !important;
  line-height: 1.42 !important;
  color: var(--text) !important;
  font-kerning: normal !important;
  text-rendering: geometricPrecision !important;
}

html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive{
  display: inline !important;
  color: var(--text) !important;
}

html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText .inkWord{
  position: relative !important;
  display: inline-block !important;
  vertical-align: baseline !important;
  overflow: hidden !important;
  isolation: isolate !important;
  opacity: 0 !important;
  color: color-mix(in oklab, var(--text) 96%, var(--accent2)) !important;
  clip-path: inset(-.2em 100% -.26em 0) !important;
  filter: blur(.22px) !important;
  transform: translateY(.025em) !important;
  text-shadow: 0 0 0 transparent !important;
  will-change: clip-path, opacity, filter, transform;
}

html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText .inkWord::after{
  content: "";
  position: absolute;
  z-index: 2;
  inset: -.08em -.04em -.1em 0;
  pointer-events: none;
  opacity: 0;
  transform: rotate(-7deg) scaleY(.94);
  transform-origin: center;
  background:
    linear-gradient(102deg,
      transparent 0%,
      transparent 36%,
      color-mix(in oklab, white 12%, transparent) 43%,
      color-mix(in oklab, var(--accent2) 24%, transparent) 50%,
      color-mix(in oklab, var(--accent2) 10%, transparent) 56%,
      transparent 66%,
      transparent 100%);
  background-size: 260% 100%;
  background-position: 118% 50%;
  mix-blend-mode: multiply;
  filter: blur(.2px);
}


html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive.isActive .inkWord{
  animation: praxoriaV538InkWord var(--ink-dur, 260ms) cubic-bezier(.16,.72,.18,1) var(--ink-delay, 0ms) forwards !important;
}

html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive.isActive .inkWord::after{
  animation: praxoriaV538InkGesture var(--ink-dur, 260ms) cubic-bezier(.2,.76,.2,1) var(--ink-delay, 0ms) forwards !important;
}

html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText .inkFinish{
  display: none !important;
}

html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .inkWord{
  opacity: 1 !important;
  clip-path: inset(-.2em 0 -.26em 0) !important;
  filter: none !important;
  transform: none !important;
  color: var(--text) !important;
  text-shadow: none !important;
}

html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText.isComplete .inkWord::after{
  animation: none !important;
  opacity: 0 !important;
}

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

@keyframes praxoriaV538InkWord{
  0%{
    opacity: .14;
    clip-path: inset(-.2em 100% -.26em 0);
    filter: blur(.34px);
    transform: translateY(.032em);
    text-shadow: 0 0 10px color-mix(in oklab, var(--accent2) 12%, transparent);
  }
  48%{
    opacity: .94;
    clip-path: inset(-.2em 22% -.26em 0);
    filter: blur(.1px);
    transform: translateY(.01em);
  }
  100%{
    opacity: 1;
    clip-path: inset(-.2em 0 -.26em 0);
    filter: blur(0);
    transform: translateY(0);
    text-shadow: 0 .012em 0 color-mix(in oklab, var(--accent2) 5%, transparent);
  }
}

@keyframes praxoriaV538InkGesture{
  0%{
    opacity: 0;
    background-position: 118% 50%;
    transform: rotate(-7deg) scaleY(.9);
  }
  16%{
    opacity: .55;
  }
  58%{
    opacity: .72;
  }
  84%{
    opacity: .22;
  }
  100%{
    opacity: 0;
    background-position: -72% 50%;
    transform: rotate(-7deg) scaleY(.98);
  }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive.isActive .inkWord,
  html body.home.homeRefinedV538 #studioPanel2 .studioTileQuote .answerWriteText .premiumInkLive.isActive .inkWord::after{
    animation: none !important;
    opacity: 1 !important;
    clip-path: inset(-.2em 0 -.26em 0) !important;
    filter: none !important;
    transform: none !important;
  }
}