@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  html.text-reveal-starting #home{visibility:hidden}
  #home text-word{white-space:nowrap}
  #home text-char{display:inline-block;white-space:pre}
  #home text-run[data-reveal-state="pending"] text-char{opacity:0;filter:blur(8px)}
  #home text-run[data-reveal-state="playing"] text-char{
    animation:text-character-in 500ms cubic-bezier(.22,1,.36,1) both;
    animation-delay:calc(var(--reveal-start) + var(--char-index) * var(--char-interval,30ms));
  }
  :where(#home,#home *)[data-text-border]{
    transition:var(--text-border-transition,all 0s),border-color 500ms cubic-bezier(.22,1,.36,1),box-shadow 500ms cubic-bezier(.22,1,.36,1)!important;
  }
  :where(#home,#home *)[data-text-border="pending"],
  :where(#home,#home *)[data-text-border="pending"]::before,
  :where(#home,#home *)[data-text-border="pending"]::after{
    border-color:transparent!important;
    box-shadow:none!important;
  }
  :where(#home,#home *)[data-text-surface]{
    position:var(--text-surface-position)!important;
    isolation:isolate;
    background:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  :where(#home,#home *)[data-text-surface]>text-surface{
    position:absolute;
    inset:0;
    z-index:-2;
    border-radius:inherit;
    pointer-events:none;
    background:var(--text-surface-background);
    backdrop-filter:var(--text-surface-backdrop);
    -webkit-backdrop-filter:var(--text-surface-backdrop);
    opacity:0;
    transition:opacity 500ms cubic-bezier(.22,1,.36,1);
  }
  :where(#home,#home *)[data-text-surface][data-text-border="pending"]>text-surface{transition:none}
  :where(#home,#home *)[data-text-surface][data-text-border="done"]>text-surface{opacity:1}
  :where(#home,#home *)[data-text-surface]::before{
    transition:var(--text-surface-before-transition,all 0s),opacity 500ms cubic-bezier(.22,1,.36,1)!important;
  }
  :where(#home,#home *)[data-text-surface]::after{
    transition:var(--text-surface-after-transition,all 0s),opacity 500ms cubic-bezier(.22,1,.36,1)!important;
  }
  :where(#home,#home *)[data-text-surface][data-text-border="pending"]::before,
  :where(#home,#home *)[data-text-surface][data-text-border="pending"]::after{opacity:0!important}
  @keyframes text-character-in{
    from{opacity:0;filter:blur(8px)}
    to{opacity:1;filter:blur(0)}
  }
}
