/* Walkthrough Web wordmark (picked Oct 26): Krona One, outlined W's with a teal inner stripe,
   teal-to-orange underline, orange footprints walking through the letters (4 at a time). */
.brand.wm { position: relative; display: inline-flex; flex-direction: column; align-items: stretch; gap: .32em;
  font-size: 22px; color: #fff; text-decoration: none; font-family: "Krona One", "Sora", sans-serif; font-weight: 400; }
.wm .t { font-family: "Krona One", "Sora", sans-serif; letter-spacing: .12em; line-height: 1; white-space: nowrap; margin-right: -.12em; position: relative; z-index: 1; }
.wm .w { font-family: "Unbounded", "Krona One", sans-serif; font-weight: 300; font-size: 1.3em; line-height: 0; color: #2F9E8F; -webkit-text-stroke: .07em #fff; }
.wm .line { display: block; height: .13em; width: 86%; margin: 0 auto; border-radius: 3px; background: linear-gradient(90deg, #2F9E8F, #6FD9C7 50%, #E88A3F); }
.wm .prints { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.wm .fp { position: absolute; width: var(--fw); height: calc(var(--fw) * 2.15); margin: calc(var(--fw) * -1.075) 0 0 calc(var(--fw) * -.5);
  opacity: 0; transition: opacity .28s ease, transform .28s cubic-bezier(.2,.8,.2,1); }
.wm .fp.on { opacity: 1; }
.wm .fp svg { width: 100%; height: 100%; display: block; overflow: visible; fill: #E88A3F; }
.wm .fp svg path, .wm .fp svg ellipse { stroke: #1B2E2A; stroke-width: 2.2px; paint-order: stroke; }
@media (min-width: 1800px) { .brand.wm { font-size: 26px; } }
@media (max-width: 760px) { .brand.wm { font-size: 17px; } }
@media (max-width: 360px) { .brand.wm { font-size: 14.5px; } }
@media (prefers-reduced-motion: reduce) { .wm .fp { transition: none; } }
header .brand.wm { width: auto; align-self: flex-start; }
@media (max-width: 760px) { header .wrap > .brand.wm { flex: 0 0 auto; margin-right: 100%; } }
/* active nav underline (Oct 29: random glint removed, less going on) */
nav a.active::after { background: linear-gradient(90deg, #2F9E8F, #E88A3F); }