/* One decorative journey; the title stays readable with scripts or motion disabled. */
#story h1 .hero-drawn-title{display:inline-block;position:relative;white-space:nowrap;isolation:isolate}
#story h1 .hero-drawn-title::after{content:none}
.hero-title-ink{position:absolute;left:0;bottom:-.18em;width:100%;height:.22em;overflow:visible;pointer-events:none;color:#9561bf}
body.dark .hero-title-ink{color:#d5adef}
.hero-title-ink path{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.hero-title-traveller{position:fixed;top:0;left:0;width:48px;height:48px;object-fit:contain;pointer-events:none;z-index:60;opacity:0;will-change:transform;contain:layout style;max-width:none}
@media(max-width:380px){#story h1 .hero-drawn-title{font-size:.9em}}
@media(prefers-reduced-motion:reduce){.hero-title-traveller{display:none}.hero-title-ink path{stroke-dashoffset:0!important}}
