svg.intro {
	width:100%;
	height:auto;
	--animstep: 0.3s;
}

svg.intro .text {
	display: none;
}
svg.intro.go .text {
	display: block;
}
svg.intro.go .text-stroke {
	fill: none;
	stroke: #bfc2c4;
	stroke-width:calc(1em / 72 * 5);
	stroke-dashoffset: -400;
	stroke-dasharray: 400;
	stroke-linecap: square;
	stroke-linejoin: round;
	animation: dash 1.5s ease-in-out forwards;
}
svg.intro.go .text-stroke:nth-child(2) {
	animation-delay: calc(var(--animstep) * 1);
}
svg.intro.go .text-stroke:nth-child(3) {
	animation-delay: calc(var(--animstep) * 3);
}

svg.intro.go .text-stroke-2 {
	stroke: #0367b0;
	animation-delay: calc(var(--animstep) * 4);
}
svg.intro.go .text-stroke-2:nth-child(2) {
	animation-delay: calc(var(--animstep) * 5);
}
svg.intro.go .text-stroke-2:nth-child(3) {
	animation-delay: calc(var(--animstep) * 6);
}

@keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}