/* The one handwritten Nylon SVG is immediately legible on every page. */
.nylon-wordmark{overflow:visible}
.nylon-wordmark .nylon-glyph{animation:none!important;mask:none!important;-webkit-mask:none!important}
.nylon-wordmark .nylon-ink{animation:none!important;stroke-dashoffset:0}
/* A faint complete outline remains under the real pen masks. No blank logo. */
.nylon-wordmark .nylon-brand-guide{display:none;fill:currentColor;pointer-events:none}
.nylon-wordmark[data-brand-writing] .nylon-brand-guide{display:block;opacity:.44}
.nylon-wordmark{transition:transform 160ms cubic-bezier(.22,.8,.24,1)}
a:active .nylon-wordmark{transform:translateY(1px) scale(.98)}
/* Rewriting is an optional flourish. It never hides the resting mark on load. */
@media (prefers-reduced-motion:no-preference){
  .nylon-wordmark[data-brand-writing] .nylon-glyph{mask:var(--ink-mask)!important;-webkit-mask:var(--ink-mask)!important}
  .nylon-wordmark[data-brand-writing] .nylon-ink{animation:nylon-brand-stroke .78s cubic-bezier(.25,.75,.2,1) both!important}
  .nylon-wordmark[data-brand-writing] .nylon-ink-2{animation-delay:.12s!important}
  .nylon-wordmark[data-brand-writing] .nylon-ink-3{animation-delay:.24s!important}
  .nylon-wordmark[data-brand-writing] .nylon-ink-4{animation-delay:.36s!important}
  .nylon-wordmark[data-brand-writing] .nylon-ink-5{animation-delay:.48s!important}
  @keyframes nylon-brand-stroke{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
}
@media (prefers-reduced-motion:reduce){.nylon-wordmark[data-brand-writing] .nylon-glyph{mask:none!important;-webkit-mask:none!important}.nylon-wordmark{transition:none!important;transform:none!important}.nylon-wordmark .nylon-brand-guide{display:none!important}}
@media(forced-colors:active),print{.nylon-wordmark .nylon-brand-guide{display:none!important}.nylon-wordmark .nylon-calligraphy-ink{mask:none!important;-webkit-mask:none!important}.nylon-wordmark .nylon-calligraphy-pen{animation:none!important}.nylon-wordmark .nylon-calligraphy-trace{display:none!important}}