/* Welynx logo: mascot + Outfit Black wordmark; the "x" shows its cap by clipping a two-colour fill to the glyph. */
.wl { --wl-ink: #1F2A44; --wl-cap: #FF8A1F; display: inline-flex; align-items: flex-start; gap: .24em; line-height: 1; text-decoration: none; color: var(--wl-ink); white-space: nowrap; }
.wl--dark { --wl-ink: #ffffff; --wl-cap: #FF8A1F; }
.wl--white { --wl-ink: #ffffff; --wl-cap: #FFCF3A; }
.wl-mark { height: 1.14em; width: auto; flex: none; display: block; transform: translateY(-.083em); }
.wl-text { display: inline-flex; flex-direction: column; }
.wl-word { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 900; letter-spacing: -.01em; line-height: 1; color: var(--wl-ink); }
.wl-x { display: inline-block; line-height: 1; margin-left: -.012em; background: linear-gradient(to bottom, var(--wl-cap) 0 47.7%, var(--wl-ink) 47.7% 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wl-sub { font: 500 .42em/1.2 'Plus Jakarta Sans', sans-serif; letter-spacing: 0; margin-top: .25em; opacity: .72; color: var(--wl-ink); }