/* Reserve the complete heading line so typing never shifts the hero layout. */
.hero-title-line{display:block;white-space:nowrap}
.hero-typewriter-line{position:relative}
.hero-typewriter-space{visibility:hidden}
.hero-typewriter-live{position:absolute;inset:0 auto auto 0;white-space:nowrap}
.hero-typewriter-cursor{display:inline-block;vertical-align:-.05em;width:.025em;height:.88em;background:var(--accent);margin-left:.09em;opacity:0}
.is-typing .hero-typewriter-cursor{animation:hero-cursor 1s step-end infinite}
@keyframes hero-cursor{0%,48%{opacity:1}49%,100%{opacity:0}}
.typewriter-toggle{position:absolute;right:0;bottom:35px;display:grid;place-items:center;width:32px;height:32px;color:var(--muted);border-radius:50%;padding:8px}
.typewriter-toggle[hidden]{display:none}
.typewriter-toggle:hover{background:#eae6de;color:var(--ink)}
.typewriter-toggle svg{width:14px;height:14px;fill:currentColor;stroke:none}
.typewriter-toggle .play-symbol,.typewriter-toggle[aria-pressed="true"] .pause-symbol{display:none}
.typewriter-toggle[aria-pressed="true"] .play-symbol{display:block}
@media(max-width:620px){.typewriter-toggle{bottom:22px}}
@media(max-width:360px){.hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.hero-typewriter-cursor{animation:none!important;display:none}.typewriter-toggle{display:none}}
@media print{.hero-typewriter-live,.typewriter-toggle{display:none}.hero-typewriter-space{visibility:visible}}