h1,h2,#panel h3{isolation:isolate}
h1:before,h2:before,#panel h3:before{content:'';position:absolute;left:-.37em;top:-.12em;width:1.2em;height:1.2em;z-index:-1;pointer-events:none;background-image:url('assets/runes-v2.png');background-size:400% 400%;background-position:100% 0;opacity:.42;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}
h2:before{background-position:66.6667% 33.3333%}
#panel h3:before{background-position:0 66.6667%;opacity:.38}
.typing-visual{display:inline}
.typing-visual .untyped{visibility:hidden}
.typing-cursor{position:absolute;width:2px;height:.85em;background:var(--mint);pointer-events:none;animation:cursor-blink .5s steps(1,end) infinite}
.typing-cursor.writing{animation:none}
.heading-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
body.reduced .typing-cursor{display:none}
body.reduced .typing-visual .untyped{visibility:visible}
@media(prefers-reduced-motion:reduce){.typing-cursor{display:none}.typing-visual .untyped{visibility:visible}}